CGI : Info : Java Code : Preview : Tip & Technic
<html> <head> <title>Air Show Photos</title> </head> <body> <table border="0" cellpadding="0"> <caption><strong>Example</strong></caption> <tr> <td width="100%" align="center"><img src="_view1.gif" width="300" height="240" name="photoslider"></td> </tr> <tr> <td width="100%" align="center"><form method="POST" name="rotater"> <div align="center"><center><p><script language="JavaScript1.1"> var photos=new Array() var which=0 /*Change the below variables to reference your own images. You may have as many images in the slider as you wish*/ photos[0]="_view1.gif" photos[1]="_view2.gif" photos[2]="on.gif" photos[3]="_view1.gif" photos[4]="javaeditor.gif" function backward(){ if (which>0){ window.status='' which-- document.images.photoslider.src=photos[which] } } function forward(){ if (which<photos.length-1){ which++ document.images.photoslider.src=photos[which] } else window.status='End of gallery' } </script><input type="button" value="<<Back" name="B2" onClick="backward()"> <input type="button" value="Next>>" name="B1" onClick="forward()"><br> <a href="#" onClick="which=1;backward();return false"><small>Start Over</small></a></p> </center></div> </form> </td> </tr> </table> </body> </html>
