::Well, gotta know the enemy::
<br /><!-- configurable script http://www.ricocheting.com/code/javascript/html-generator/image-slideshow-v2--><br /><center><script type="text/javascript"><br />theimage = new Array();<br /><br /><br />// The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.<br />// Format: theimage[...]=[image URL, link URL, name/description]<br />theimage[0]=["http://aiesecui.org/wp-content/uploads/2011/09/CIMG49581.jpg", "", ""];<br />theimage[1]=["http://www.perutgendut.com/data/Photo/211109103945Menu_sarapan_pagi_Manado.jpg", "", ""];<br />theimage[2]=["http://id.openrice.com/UserPhoto/photo/0/43/000T2SFCFAEF5C2E836B64m.jpg", "", ""];<br />theimage[3]=["http://id.openrice.com/UserPhoto/photo/0/3O/000Q4ACF77BB5DE5F7D3ECm.jpg", "", ""];<br />theimage[4]=["http://images.detik.com/content/2011/07/16/900/BSGarpuCVR.jpg", "", ""];<br />theimage[5]=["http://id.openrice.com/UserPhoto/photo/0/4K/000WJI7380DA53EB6F5659m.jpg", "", ""];<br /><br />///// Plugin variables<br /><br />playspeed=5000;// The playspeed determines the delay for the "Play" button in ms<br />dotrans=1; // if value = 1 then there are transitions played in IE<br />transtype='revealtrans';// 'blendTrans' or 'revealtrans'<br />transattributes='15';// duration=seconds,transition=#<24<br />//#####<br />//key that holds where in the array currently are<br />i=0;<br /><br /><br />//###########################################<br />//if random<br />function SetRandom() {<br /> tempimage = new Array();<br /> for(p=0; p<theimage.length; p++){<br /> for(p1=0; p1>-1; p1) {<br /> tempNum = Math.floor(Math.random()*theimage.length)<br /> if(!tempimage[tempNum]){<br /> tempimage[tempNum]=theimage[p];<br /> break;<br /> }<br /> }<br /> }<br /> for(p=0;p<theimage.length;p++)theimage[p]=tempimage[p];<br />}<br /><br />//if random order<br />SetRandom()<br /><br /><br />//###########################################<br />window.onload=function(){<br /><br /> //preload images into browser<br /> preloadSlide();<br /><br /> //set transitions<br /> GetTrans();<br /><br /> //set the first slide<br /> SetSlide(0);<br /><br /> //autoplay<br /> PlaySlide();<br />}<br /><br />//###########################################<br />function SetSlide(num) {<br /> //too big<br /> i=num%theimage.length;<br /> //too small<br /> if(i<0)i=theimage.length-1;<br /><br /> //switch the image<br /> if(document.all&&!window.opera&&dotrans==1)eval('document.images.imgslide.filters.'+transtype+'.Apply()')<br /> document.images.imgslide.src=theimage[i][0];<br /> if(document.all&&!window.opera&&dotrans==1)eval('document.images.imgslide.filters.'+transtype+'.Play()')<br /><br />}<br /><br /><br />//###########################################<br />function PlaySlide() {<br /> if (!window.playing) {<br /> PlayingSlide(i+1);<br /> if(document.slideshow.play){<br /> document.slideshow.play.value=" Stop ";<br /> }<br /> }<br /> else {<br /> playing=clearTimeout(playing);<br /> if(document.slideshow.play){<br /> document.slideshow.play.value=" Play ";<br /> }<br /> }<br /> // if you have to change the image for the "playing" slide<br /> if(document.images.imgPlay){<br /> setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);<br /> imgStop=document.images.imgPlay.src<br /> }<br />}<br /><br /><br />//###########################################<br />function PlayingSlide(num) {<br /> playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);<br />}<br /><br /><br />//###########################################<br />//desc: picks the transition to apply to the images<br />function GetTrans() {<br /> //si=document.slideshow.trans.selectedIndex;<br /><br /> if((document.slideshow.trans && document.slideshow.trans.selectedIndex == 0) || (!document.slideshow.trans && dotrans==0)){<br /> dotrans=0;<br /> }<br /> else if ((document.slideshow.trans && document.slideshow.trans.selectedIndex == 1) || (!document.slideshow.trans && transtype == 'blendTrans')){<br /> dotrans=1;<br /> transtype='blendTrans';<br /> document.imgslide.style.filter = "blendTrans(duration=1,transition=1)";<br /> }else{<br /> dotrans=1;<br /> transtype='revealtrans';<br /> if(document.slideshow.trans) transattributes=document.slideshow.trans[document.slideshow.trans.selectedIndex].value;<br /> document.imgslide.style.filter = "revealTrans(duration=1,transition=" +transattributes+ ")";<br /> }<br /><br />}<br />//###########################################<br />function preloadSlide() {<br /> for(k=0;k<theimage.length;k++) {<br /> theimage[k][0]=new Image().src=theimage[k][0];<br /> }<br />}<br /><br /><br /></script><br /><br /><br /><!-- slide show HTML --><br /><form name="slideshow"><br /><br /><br /><br /><br /><table border="1" cellpadding="2" cellspacing="0"><br /><tr><br /> <td align="center"><br /> <a href="#" onmouseover="this.href=theimage[i][1];return false"><br /> <script type="text/javascript"><br /> document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0" width="315" height="236">')<br /> </script><br /></a><br /></td><br /></tr><br /><br /><br /><br /></table><br /><br /></form><br /></center><br /><!-- end of slide show HTML --><br />
