■ 語法主題：圖像看片器
◎圖片1
◎圖片2
◎圖片3
■ 控制碼內容：
將下面複製至 <head> 區內
<!------------ 插入控制碼區段開始 ------------> <script type="text/javascript"> var popbackground="lightskyblue" //specify backcolor or background image for pop window var windowtitle="Image Window" //pop window title function detectexist(obj){ return (typeof obj !="undefined") } function jkpopimage(imgpath, popwidth, popheight, textdescription){ function getpos(){ leftpos=(detectexist(window.screenLeft))? screenLeft+document.body.clientWidth/2-popwidth/2 : detectexist(window.screenX)? screenX+innerWidth/2-popwidth/2 : 0 toppos=(detectexist(window.screenTop))? screenTop+document.body.clientHeight/2-popheight/2 : detectexist(window.screenY)? screenY+innerHeight/2-popheight/2 : 0 if (window.opera){ leftpos-=screenLeft toppos-=screenTop } } getpos() var winattributes='width='+popwidth+',height='+popheight+',resizable=yes,left='+leftpos+',top='+toppos var bodyattribute=(popbackground.indexOf(".")!=-1)? 'background="'+popbackground+'"' : 'bgcolor="'+popbackground+'"' if (typeof jkpopwin=="undefined" || jkpopwin.closed) jkpopwin=window.open("","",winattributes) else{ //getpos() //uncomment these 2 lines if you wish subsequent popups to be centered too //jkpopwin.moveTo(leftpos, toppos) jkpopwin.resizeTo(popwidth, popheight+30) } jkpopwin.document.open() jkpopwin.document.write('<html><title>'+windowtitle+'</title><body '+bodyattribute+'><img src="'+imgpath+'" style="margin-bottom: 0.5em"><br>'+textdescription+'</body></html>') jkpopwin.document.close() jkpopwin.focus() } </script> <!------------ 插入控制碼區段結束 ------------>
■ 控制碼內容：
將下面複製至 <body> 標籤後
<!------------ 插入控制碼區段開始 ------------> <a href="#" onClick="jkpopimage('image.jpg', 220, 200, 'Breakfast is served.'); return false"> Breakfast pancakes</a> <!------------ 插入控制碼區段結束 ------------>
image.jpg', 220, 200
指定這個特效所用的圖片及視窗的顯示寬度／高度