Step 6

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=90 BGCOLOR="#006699" TEXT="#080000" background="053785a3.jpg"> <div> <FONT SIZE="5" COLOR="#FFFFFF" FACE="Arial" ><B>Demo 35: HTML Slide Show</B></FONT><B>    </B><B> |     </B><A HREF="index.htm" TARGET="_top" TITLE="Demo 35: HTML Slide Show"><U><B>home</B></U></A></div> <div> <A HREF="id2.htm" TARGET="_top" TITLE="Step 1"><U>Step 1</U></A>   |   <A HREF="id3.htm" TARGET="_top" TITLE="Step 2"><U>Step 2</U></A>   |   <A HREF="id15.htm" TARGET="_top" TITLE="Step 3"><U>Step 3</U></A>   |   <A HREF="id17.htm" TARGET="_top" TITLE="Step 3a"><U>Step 3a</U></A>   |   <A HREF="id4.htm" TARGET="_top" TITLE="Step 4"><U>Step 4</U></A>   |   <A HREF="id6.htm" TARGET="_top" TITLE="Step 5"><U>Step 5</U></A>   |   <B>Step 6</B></div> <div> </div> </td> </tr><tr> <td valign="top" width=210 BGCOLOR="#FFCC66" TEXT="#080000" background="054d2b03.jpg"> <bR> </td> <td valign="top" height=390 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <I>Step 6</I></div> <bR> <div> Final outcome:</div> <bR> <div>  <script language="JavaScript1.1"> var photos=new Array() var photoslink=new Array() var which=0 //define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake) photos[0]="HTMLobj-72/cotsw07.JPG" photos[1]="HTMLobj-72/london04.JPG" photos[2]="HTMLobj-72/london08.JPG" photos[3]="HTMLobj-72/london04.JPG" //Specify whether images should be linked or not (1=linked) var linkornot=0 //Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1" photoslink[0]="" photoslink[1]="" photoslink[2]="" photoslink[3]="" //do NOT edit pass this line var preloadedimages=new Array() for (i=0;i<photos.length;i++){ preloadedimages[i]=new Image() preloadedimages[i].src=photos[i] } function applyeffect(){ if (document.all){ photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23) photoslider.filters.revealTrans.stop() photoslider.filters.revealTrans.apply() } } function playeffect(){ if (document.all) photoslider.filters.revealTrans.play() } function keeptrack(){ window.status="Image "+(which+1)+" of "+photos.length } function backward(){ if (which>0){ which-- applyeffect() document.images.photoslider.src=photos[which] playeffect() keeptrack() } } function forward(){ if (which<photos.length-1){ which++ applyeffect() document.images.photoslider.src=photos[which] playeffect() keeptrack() } } function transport(){ window.location=photoslink[which] } </script>  </div> <bR> <div>  <center> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%" colspan="2" height="22"><center> <script> if (linkornot==1) document.write('<a href="javascript:transport()">') document.write('<img src="'+photos[0]+'" name="photoslider" style="filter:revealTrans(duration=2,transition=23)" border=0>') if (linkornot==1) document.write('</a>') </script> </center></td> </tr> <tr> <td width="50%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td> <td width="50%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td> </tr> </table> </center>  </div> <bR> <bR> <bR> </td> </tr></table></body>