var slideShowSpeed = 5000 // Set slideShowSpeed (milliseconds) // Duration of crossfade (seconds) var crossFadeDuration = 3 var Pic = new Array() // don't touch this Pic[0] = 'img/marsaalam.jpg'; Pic[1] = 'img/marsaalam1.jpg'; Pic[2] = 'img/marsaalam2.jpg'; Pic[3] = 'img/marsaalam3.jpg'; //Pic[4] = 'img/marsaalam.jpg'; // ======================================= // do not edit anything below this line // ======================================= var t var j = 0 var p = Pic.length var preLoad = new Array() for (i = 0; i < p; i++){ preLoad[i] = new Image() preLoad[i].src = Pic[i] } function runSlideShow(){ if (document.all){ document.images.SlideShow.style.filter="blendTrans(duration=2)" document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)" document.images.SlideShow.filters.blendTrans.Apply() } document.images.SlideShow.src = preLoad[j].src if (document.all){ document.images.SlideShow.filters.blendTrans.Play() } j = j + 1 if (j > (p-1)) j=0 t = setTimeout('runSlideShow()', slideShowSpeed) } /* =========================================================== Step 2. Put this onload event call in your body tag: =========================================================== Step 3. Put this in the body of your page where you want the slide show to appear. Set widths and heights same as images Set image file same as first image in array Pic[] (above)

*/