Home > JavaScript Blogger > Slideshow gambar muncul secara acak
Demo :
Cara membuatnya
Dari Dashboard >> Design >> Edit HTML.
Penempatannya
dibawah <body>
........
diatas </body>
<script type='text/javascript'>
//<![CDATA[
/*
Slideshow gambar muncul secara acak By Tyler Clarke (http://www.ihatecoffee.com/)
*/
var delay=1000 //set delay in miliseconds
var curindex=0
var randomimages=new Array()
randomimages[0]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-teXftkV4K2ZUFoCwdkE2ADFxDr3vbxqV8HiylnnXfG_SjFQaxYH2OfQpgcCzUaJ9xfuXHk7O6-oHxf83uElPhDJWv_TbM5eJ-ymImbUUfb1-jCVfVbwXsg8epK1RlJJ7lWG6KQrRSW-k/s104/Nano+Yulianto+-+1.jpg"
randomimages[1]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJcMlelRAFPRG_uqvu11Xh653SG8Hc0juBM-QzHHxb_sF6vWBYKNWEw47u3BZg-C5w9P_pQCP8lFoHUTDUu-30rOqyx1VexQZ2-Qcu-xe9ZdNpWZctt1uVK78o7g2LQikrcYOSD6vP5_Us/s104/Nano+Yulianto+-+5.jpg"
randomimages[2]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA65KQFvnWv5ubWAPmPmzBhOxelO-LBI1XaAbzsKMjcRHnA1eioHJmWYSWfbpEByNS4gG30iK9dH-_nfKjJOvDhGoynRWQJpo4oWjjderyuQGfI-zuhdLr2Fz6rqmqDe4PpMEV81RxU7LO/s104/Nano+Yulianto+-+2.jpg"
randomimages[3]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSBlR4Wj-5ap_L_UU7dV7-akSM3yqRCOrsIOpZ-ZpLolEtDiEqJCjPhIxGcLm24QKcFtL_DuA_8HkrPXLJ4yz3i0b4YWZ7ygGnA8XViWHXNOCRXO26qrcg1chN8m14z8M06yhZHScHMiwr/s104/Nano+Yulianto+-+4.jpg"
randomimages[4]="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh03ilAg0KTzv4p3jy4qFr9c2WQ3aIJ7HPrzg6cvNp7vrj_34hZyu_bYbDeSWamkaxlNBWEYem_pcYsKmVwgRAF63xL5qZiSW16uxABFDvbRbahsJU_8B6qm-3Rf7ykyilHGzqCXBRtVQqW/s104/Nano+Yulianto+-+3.jpg"
var preload=new Array()
for (n=0;n<randomimages.length;n++)
{
preload[n]=new Image()
preload[n].src=randomimages[n]
}
document.write('<img name="defaultimage" src="'+randomimages[Math.floor(Math.random()*(randomimages.length))]+'">')
function rotateimage()
{
if (curindex==(tempindex=Math.floor(Math.random()*(randomimages.length)))){
curindex=curindex==0? 1 : curindex-1
}
else
curindex=tempindex
document.images.defaultimage.src=randomimages[curindex]
}
setInterval("rotateimage()",delay)
//]]>
</script>
Credit : Tyler Clarke
Alhamdulillah