There are no comments up to now.
Bantuan Pencarian :
Home 
Artikel Web Programming JavaScript Menampilkan gambar secara acak layaknya Flash Bagian 2
Artikel Web Programming JavaScript Menampilkan gambar secara acak layaknya Flash Bagian 2 | Menampilkan gambar secara acak layaknya Flash Bagian 2 |
|
|
|
| Ditulis Oleh Ayuk | |
| Sunday, 31 August 2008 | |
|
<script> <!-- Beginning of JavaScript - // Lebar gambar dalam pixel. Buat semua lebar sama.. var imgwidth=400 // Tinggi gambar dalam pixel. Buat semua tinggi sama.. var imgheight=60 // Nama nama gambar. Tambahkan gambar yang kamu inginkan // Posisi horizontal dan vertical gambar dalam pixel var pos_left=20 var pos_top=20 // Nama gambar…tambahkan sesuka nya var imgname=new Array() imgname[0]="imggum1282.jpg" imgname[1]="imggum2282.jpg" imgname[2]="imggum3282.jpg" imgname[3]="imggum4282.jpg" // Tambahkan URL pada gambar var imgurl=new Array() imgurl[0]="http://www.GlobalWebRoom.com" imgurl[1]="http://www.HostSolution.co.cc" imgurl[2]="#" imgurl[3]="http://www.Gaya-Fashion.com " // PreLoad Gambar var imgpreload=new Array() for (i=0;i<=imgname.length-1;i++) { imgpreload[i]=new Image() imgpreload[i].src=imgname[i] } // Gambar pause (microseconds). var pause=2000 // Kecepatan gambar var speed=20 // Effect kecepatan pixels). More means faster. var step=10 // Jangan diedit var i_loop=0 var i_image1=0 var i_image2=1 function stretchimage() { if (i_loop<=imgwidth) { if (document.all) { imgcontainer1.innerHTML="<a href='"+imgurl[i_image1]+"' target='_blank'><img width='"+i_loop+"' height='"+imgheight+"' src='"+imgname[i_image1]+"' border='0'></a>" document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft+i_loop imgcontainer2.innerHTML="<a href='"+imgurl[i_image2]+"' target='_blank'><img width='"+(imgwidth-i_loop)+"' height='"+imgheight+"' src='"+imgname[i_image2]+"' border='0'></a>" } i_loop=i_loop+step var timer=setTimeout("stretchimage()",speed) } else { clearTimeout(timer) changeimage() } } function changeimage() { i_loop=0 i_image1++ if (i_image1>imgname.length-1) {i_image1=0} i_image2=i_image1-1 if (i_image2>imgname.length-1) {i_image2=0} if (i_image2<0) {i_image2=imgname.length-1} document.all.imgcontainer2.style.posLeft=document.all.imgcontainer1.style.posLeft var timer=setTimeout("stretchimage()",pause) } function initiate() { if (document.all) { document.all.imgcontainer1.style.posLeft=pos_left document.all.imgcontainer2.style.posLeft=pos_left document.all.imgcontainer1.style.posTop=pos_top document.all.imgcontainer2.style.posTop=pos_top changeimage() } if (document.layers) { document.imgcontainer1.left=pos_left document.imgcontainer2.left=pos_left document.imgcontainer1.top=pos_top document.imgcontainer2.top=pos_top rotatenetscape() } } function rotatenetscape() { document.imgcontainer1.document.write("<a href='"+imgurl[i_image1]+"' target='_blank'><img src='"+imgname[i_image1]+"' border='0'></a>") document.imgcontainer1.document.close() i_image1++ if (i_image1>imgname.length-1) {i_image1=0} var timer=setTimeout("rotatenetscape()",pause*2) } // - End of JavaScript - --> </script> Akhir dari HEAD Masukan Bagian berikut pada bagian BODY <Body onLoad="initiate()"> <span id="imgcontainer1" style="position:absolute"></span> <span id="imgcontainer2" style="position:absolute"></span> »
No Comments » Post Comment
|
| < Sebelumnya | Berikutnya > |
|---|
