<!-- พอคุณ DOWNLOAD รูปภาพไปแล้ว ให้คุณคลาย ZIP ออกมา จะพบภาพอยู่ด้านใน 13 รูปครับ --> <script> // ใส่ URL ของภาพที่ชื่อ timeglobalmap ด้านล่างนี้ครับ var globalmapimage="../../images2/timeglobalmap.gif" var globalmapwidth=105 var globalmapheight=62 var nightzonewidth=globalmapwidth var nightzoneheight=globalmapheight var clipnighttop var clipnightbottom var clipnightright=0 var clipnightleft=0 var clipnightpoints var differencehours var differencepixels var now=new Date() var utchours=now.getUTCHours() var monthimage=now.getMonth() // ด้านล่างนี้ให้คุณใส่ URL ที่เก็บภาพลงไปครับ โดยไม่ต้องใส่นามสกุลที่เป็น .GIF ลงไปนะครับ เพราะ SCRIPT มันจะใส่ให้เองครับ if (monthimage==0) {monthimage="../../images2/timejanuary"} else if (monthimage==1) {monthimage="../../images2/timefebruary"} else if (monthimage==2) {monthimage="../../images2/timemarch"} else if (monthimage==3) {monthimage="../../images2/timeapril"} else if (monthimage==4) {monthimage="../../images2/timemay"} else if (monthimage==5) {monthimage="../../images2/timejune"} else if (monthimage==6) {monthimage="../../images2/timejuly"} else if (monthimage==7) {monthimage="../../images2/timeaugust"} else if (monthimage==8) {monthimage="../../images2/timeseptember"} else if (monthimage==9) {monthimage="../../images2/timeoctober"} else if (monthimage==10) {monthimage="../../images2/timenovember"} else if (monthimage==11) {monthimage="../../images2/timedecember"} var preloadmonthimage=new Image() preloadmonthimage.src=monthimage var preloadglobalmap=new Image() preloadglobalmap.src=globalmapimage function initiatedaynight() { clipnighttop=0 clipnightbottom=globalmapheight document.all.globalmap.style.visibility="visible" nightzoneright.innerHTML="<img src='"+monthimage+".gif' width='"+nightzonewidth+"' height='"+nightzoneheight+"'>" nightzoneleft.innerHTML="<img src='"+monthimage+".gif' width='"+nightzonewidth+"' height='"+nightzoneheight+"'>" setnightstripes() } function setnightstripes() { differencepixels=globalmapwidth/24*utchours document.all.nightzoneleft.style.posLeft-=differencepixels clipnightleft=document.all.globalmap.style.posLeft-document.all.nightzoneleft.style.posLeft clipnightright=globalmapwidth clipnightpoints="rect("+clipnighttop+" "+clipnightright+" "+clipnightbottom+" "+clipnightleft+")" document.all.nightzoneleft.style.clip=clipnightpoints document.all.nightzoneleft.style.visibility="visible" document.all.nightzoneright.style.posLeft=document.all.nightzoneleft.style.posLeft+globalmapwidth clipnightleft=0 clipnightright=globalmapwidth-(document.all.nightzoneright.style.posLeft-document.all.globalmap.style.posLeft) clipnightpoints="rect("+clipnighttop+" "+clipnightright+" "+clipnightbottom+" "+clipnightleft+")" document.all.nightzoneright.style.clip=clipnightpoints document.all.nightzoneright.style.visibility="visible" } if (document.all) { document.write('<span id="roofmap" style="position:relative;width:'+globalmapwidth+'px;height:'+globalmapheight+'px;overflow:hidden">') document.write('<div id="globalmap" style="position:absolute;top:0px;left:0px;width:'+globalmapwidth+'px;height:'+globalmapheight+'px;visibility:hidden"><img src="'+globalmapimage+'"></div>') document.write('<div id="nightzoneleft" style="position:absolute;top:0px;left:0px;width:'+globalmapwidth+'px;height:'+globalmapheight+'px;visibility:hidden;filter:alpha(opacity=30)"></div>') document.write('<div id="nightzoneright" style="position:absolute;top:0px;left:0px;width:'+globalmapwidth+'px;height:'+globalmapheight+'px;visibility:hidden;filter:alpha(opacity=30)"></div>') document.write('</span>') window.onload=initiatedaynight } </script>