//=========================================================== //Script: JavaScript Cross-Browser SlideShow Script // With Cross-Fade Effect between Images // Adjustable Timing and Unlimited Images //Function: Displays images continuously in a slideshow // presentation format, with a fade effect on // image transitions. //Browsers: All common browsers: NS3-6, IE 4-6 // Fade effect only in IE; others degrade gracefully //Author: etLux //=========================================================== //Step 1. //Put the following script in the head of your page: // (C) 2000 www.CodeLifter.com // http://www.codelifter.com // Free for all users, but leave in this header // NS4-6,IE4-6 // Fade effect only in IE; degrades gracefully // ======================================= // set the following variables // ======================================= // Set slideShowSpeed (milliseconds) var slideShowSpeed = 5000 // Duration of crossfade (seconds) var crossFadeDuration = 3 // Specify the image files var Pic = new Array() // don't touch this // to add more images, just continue // the pattern, adding to the array below Pic[0] = 'files/rotator/01.jpg' Pic[1] = 'files/rotator/02.jpg' Pic[2] = 'files/rotator/03.jpg' Pic[3] = 'files/rotator/04.jpg' Pic[4] = 'files/rotator/05.jpg' Pic[5] = 'files/rotator/11.jpg' Pic[6] = 'files/rotator/12.jpg' Pic[7] = 'files/rotator/13.jpg' Pic[8] = 'files/rotator/14.jpg' Pic[9] = 'files/rotator/15.jpg' Pic[10] = 'files/rotator/16.jpg' Pic[11] = 'files/rotator/17.jpg' Pic[12] = 'files/rotator/18.jpg' Pic[13] = 'files/rotator/19.jpg' Pic[14] = 'files/rotator/20.jpg' Pic[15] = 'files/rotator/21.jpg' Pic[16] = 'files/rotator/22.jpg' Pic[17] = 'files/rotator/23.jpg' Pic[18] = 'files/rotator/24.jpg' Pic[19] = 'files/rotator/25.jpg' Pic[20] = 'files/rotator/26.jpg' Pic[21] = 'files/rotator/27.jpg' Pic[22] = 'files/rotator/28.jpg' Pic[23] = 'files/rotator/29.jpg' Pic[24] = 'files/rotator/30.jpg' Pic[25] = 'files/rotator/31.jpg' Pic[26] = 'files/rotator/32.jpg' Pic[27] = 'files/rotator/33.jpg' Pic[28] = 'files/rotator/34.jpg' Pic[29] = 'files/rotator/35.jpg' Pic[30] = 'files/rotator/36.jpg' Pic[31] = 'files/rotator/37.jpg' Pic[32] = 'files/rotator/38.jpg' Pic[33] = 'files/rotator/39.jpg' Pic[34] = 'files/rotator/40.jpg' Pic[35] = 'files/rotator/41.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) // // // // //
//
//===========================================================