Tema: Pasar varias imagenes en la misma pagina con menu
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 23/05/2010, 16:29
el_astuto
 
Fecha de Ingreso: enero-2010
Mensajes: 43
Antigüedad: 15 años, 3 meses
Puntos: 1
Pasar varias imagenes en la misma pagina con menu
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
  1. <HTML>
  2. <HEAD>
  3.  
  4. <TITLE>Visor de imagenes</TITLE>
  5.  
  6.  
  7. </HEAD>
  8.  
  9. <BODY bgcolor="white">
  10.  
  11. <table width="49%" border="0" cellpadding="0">
  12.   <tr>
  13.     <td width="100%"><img src="x1.jpg" width="100%" height="100%" name="photoslider"></td>
  14.   </tr>
  15.   <tr>
  16.     <td width="100%"><form method="POST" name="rotater">
  17. <script type="text/javascript">
  18. var photos=new Array()
  19. var which=0
  20.  
  21.   ////cambia las variables necesarias
  22. photos[0]="http://www.reyanime.com/ver-anime/one-piece/one-piece-a.jpg"
  23. photos[1]="http://www.reyanime.com/ver-anime/air-gear/air-gear-a.jpg"
  24. photos[2]="x3.jpg"
  25. photos[3]="x4.jpg"
  26. photos[4]="x5.jpg"
  27.  
  28.  
  29. function backward(){
  30. if (which>0){
  31. window.status=''
  32. which--
  33. document.images.photoslider.src=photos[which]
  34. }
  35. }
  36.  
  37. function forward(){
  38. if (which<photos.length-1){
  39. which++
  40. document.images.photoslider.src=photos[which]
  41. }
  42. else window.status='End of gallery'
  43. }
  44. </script><!--webbot
  45.       bot="HTMLMarkup" endspan --><input type="button" value="<<Back" name="B2"
  46.       onClick="backward()"> <input type="button" value="Next>>" name="B1"
  47.       onClick="forward()"><br>
  48.       </center></div>
  49.     </form>
  50.     </td>
  51.   </tr>
  52. </table>
  53.  
  54.  
  55. </body>
  56. </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 .