// Set slideShowSpeed (milliseconds) var slideShowSpeed = 7000 // Duration of crossfade (seconds) var crossFadeDuration = 3 // Specify the image files var Pic = new Array() Pic[0] = 'http://centralboston.org/images/slideshow/building_1.jpg' Pic[1] = 'http://centralboston.org/images/slideshow/expo_1.jpg' Pic[2] = 'http://centralboston.org/images/slideshow/expo_2.jpg' Pic[3] = 'http://centralboston.org/images/slideshow/elders_award_1.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)

=========================================================== */