March 24, 200917 yr Hello, could someone please help me with adding Javascripts on 1 page in order to create mutlipal (manual) Slideshows. Every time I try to make these slideshows, once I start to add the code and place my images in it. It works! However!!....Once I add the same code a second time, to crate the same type of slide show but with different images. and I test it. Both Slideshows fail. Could someone PLEASE, help me with this. I would GREATLY appreciate it. Thanks! Johnny5.1 Below is my code. <head> <script type="text/javascript"> var photos=new Array() var photoslink=new Array() var which=0 photos[0]="images/New Construction/newcon1.jpg" photos[1]="images/New Construction/newcon2.jpg" photos[2]="images/New Construction/newcon3.jpg" photos[3]="images/New Construction/newcon4.jpg" photos[4]="images/New Construction/newcon5.jpg" photos[5]="images/New Construction/newcon6.jpg" photos[6]="images/New Construction/newcon7.jpg" photos[7]="images/New Construction/newcon8.jpg" photos[8]="images/New Construction/newcon9.jpg" photos[9]="images/New Construction/newcon10.jpg" var linkornot=0 photoslink[0]="" photoslink[1]="" photoslink[2]="" var preloadedimages=new Array() for (i=0;i<photos.length;i++){ preloadedimages=new Image() preloadedimages.src=photos } function applyeffect(){ if (document.all && photoslider.filters){ photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23) photoslider.filters.revealTrans.stop() photoslider.filters.revealTrans.apply() } } function playeffect(){ if (document.all && photoslider.filters) 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> </head> <td width="234" align="center" valign="top">New Construction<br><table width="66%" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="2" height="22"><center> <script> if (linkornot==1) document.write('<a href="java script: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="58%" height="21"><p align="left"><a href="#" onClick="backward();return false">Previous Slide</a></td> <td width="42%" height="21"><p align="right"><a href="#" onClick="forward();return false">Next Slide</a></td> </tr> </table> </td> </tr> <tr> <td align="center" valign="top">Parking Lot Paving<br> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%" colspan="2" height="22"><center> <script> if (linkornot==1) document.write('<a href="java script: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></td>
Create an account or sign in to comment