This manual slide show couldn’t be easier to use or understand. You will pre-load the images in the HEAD portion of the Script, then create the show inside of a Table in the BODY. I think you’ll like the fact that every image can be a hypertext link to other images or other pages as well. You can copy and paste the code from below.

Note: This show will work in all browsers however, MSIE will be the only one to show the Transitions between the slides.

Highlight all the code in the textbox below and paste it into the HEAD of your document.

<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]="images/Autumn2.jpg" photos[1]="images/Bay2.jpg" photos[2]="images/Beach2.jpg" photos[3]="images/Boats2.jpg" photos[4]="images/Cabin2.jpg" photos[5]="images/DesertSun2.jpg" photos[6]="images/Garden2.jpg" photos[7]="images/MtHood2.jpg" photos[8]="images/Riviera2.jpg" //Specify whether images should be linked or not (1=linked) var linkornot=1 //Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1" photoslink[0]="images/Autumn.jpg" photoslink[1]="images/Bay.jpg" photoslink[2]="images/Beach.jpg" photoslink[3]="images/Boats.jpg" photoslink[4]="images/Cabin.jpg" photoslink[5]="images/DesertSun.jpg" photoslink[6]="images/Garden.jpg" photoslink[7]="images/MtHood.jpg" photoslink[8]="images/Riviera.jpg" //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>

Highlight all the code in the textbox below and paste below the BODY tag just where you would like the Slide Show to appear.

<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> <a href="#" onClick="backward();return false"><img src="images/back.gif" border="0" alt="Click to see the last slide."></a> <a href="#" onClick="forward();return false"><img src="images/next.gif" border="0" alt="Click to see next slide."></a>

Return to Profal2 Miscellaneous DHTML