'SiPeaNDo' --- Navegador de imagenes

Aquí tienes el codigo para crear un navegador de imagenes, es decir, que cuando pulsas SIGUIENTE la imagen cambie a la próxima y al pulsa ANTERIOR vuelva a la de antes.

Esto va entre los tags <BODY> y </BODY>
<table border="0" cellpadding="0"> <caption><strong>Air Show Photos</strong></caption> <tr> <td width="100%"><img src="plane1.gif" width="300" height="240" name="photoslider"></td> </tr> <tr> <td width="100%"><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]="plane1.gif" photos[1]="plane2.gif" photos[2]="plane3.gif" photos[3]="plane4.gif" photos[4]="plane5.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> <p align="center"><font face="arial" size="-2">This free script provided by</font><br> <font face="arial, helvetica" size="-2"><a href="http://wsabstract.com">Website Abstraction</a></font></p>

Para ver un ejemplo del efecto haz clic aquí (si este link no funciona, no es cosa mía, puesto que la pagina a la que te dirijo no tiene nada que ver conmigo)

Volver a 'JaVaSCRiPTS'