Rotating Slideshow

SAMPLE

Enter data in to the fields below, click submit, and then CCP the script in to a HTML file. Requres images of the same size.

DETAILED INSTRUCTIONS HERE

Width:	Height:
Picture URL:

then copy (CMD-C) & paste (CMD-V)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Rotating Slideshow</title> <script language="javascript">    // ======================================= // set the following variables // ======================================= // Set slideShowSpeed (milliseconds) var slideShowSpeed = 5000 // Duration of crossfade (seconds) var crossFadeDuration = 5 var Pic = new Array() // Specify the image files Pic[0] = '' Pic[1] = '' Pic[2] = '' Pic[3] = '' Pic[4] = '' //======================================= // 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) } </script> </head> <body onLoad="runSlideShow()" bgcolor="#000000" text="#ffffff" link="#ffff00" vlink="#333300"> <div align="center"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td id="VU"> <img src="Slideshow_1.jpg" name='SlideShow' width="" height=""></td> </tr> </table> </div></body></html>