Pasar varias imagenes en la misma pagina con menu

el_astuto · #1 (**permalink**) 23/05/2010, 16:29

Me explico, lo que deseo hacer es pasar varias imagenes en una misma pagina por ejemplo (www.miweb.com/hoja.html) pasen unas 20 imagenes pero q pase una por una como si fuera una galeria por ejemplo se muestra la imagen uno y hay un boton de siguiente y se pasa a la imagen dos y asi secesivamente, ya hasta ahi e encontrado un scrip q me es util aca esta

Código HTML:

Ver original<HTML>
<HEAD>
 
<TITLE>Visor de imagenes</TITLE>
 
 
</HEAD>
 
<BODY bgcolor="white">
 
<table width="49%" border="0" cellpadding="0">
  <tr>
    <td width="100%"><img src="x1.jpg" width="100%" height="100%" name="photoslider"></td>
  </tr>
  <tr>
    <td width="100%"><form method="POST" name="rotater">
<script type="text/javascript">
var photos=new Array()
var which=0
 
  ////cambia las variables necesarias
photos[0]="http://www.reyanime.com/ver-anime/one-piece/one-piece-a.jpg"
photos[1]="http://www.reyanime.com/ver-anime/air-gear/air-gear-a.jpg"
photos[2]="x3.jpg"
photos[3]="x4.jpg"
photos[4]="x5.jpg"
 
 
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><!--webbot
      bot="HTMLMarkup" endspan --><input type="button" value="<<Back" name="B2"
      onClick="backward()"> <input type="button" value="Next>>" name="B1"
      onClick="forward()"><br>
      </center></div>
    </form>
    </td>
  </tr>
</table>
 
 
</body>
</html>

Ese scrip pasa las imagenes en la misma pagina pero lo q deseo es si se pudiera implementar un menu algo asi como si el usuario esta en la pag 17 y desea pasarse a la pag 10 habra el menu y lo seleccione, ah y tmb q si cuando el usuario entre a ver la galeria carguen todas la imagenes luego se muestren todas las imagens para q no tenga q cargar na ams espero sus respuestas

.