Foros del Web » Programando para Internet » Javascript »

Galería de imágenes como la del ejemplo

Estas en el tema de Galería de imágenes como la del ejemplo en el foro de Javascript en Foros del Web. Hola a todos. Alguien conoce alguna galería de imágenenes como la de: http://www.engelvoelkers.com/th/sath...ge=es&elang=en Dónde pone imagen siguiente e imágen anterior??? Me gustaría ponerlo en mi ...
  #1 (permalink)  
Antiguo 12/09/2011, 06:58
 
Fecha de Ingreso: mayo-2008
Mensajes: 198
Antigüedad: 15 años, 11 meses
Puntos: 3
Galería de imágenes como la del ejemplo

Hola a todos.

Alguien conoce alguna galería de imágenenes como la de:

http://www.engelvoelkers.com/th/sath...ge=es&elang=en

Dónde pone imagen siguiente e imágen anterior???

Me gustaría ponerlo en mi página, pero al intentar 'copiar' el código fuente, no me deja abrirlo el dreamweaver... por tanto no se de que script se trata??

Alguien tiene alguna idea??

Saludos y gracias!!
__________________
----------
Modelo de carta

Letter samples
  #2 (permalink)  
Antiguo 12/09/2011, 14:27
 
Fecha de Ingreso: septiembre-2011
Mensajes: 5
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Galería de imágenes como la del ejemplo

Hola! Mira esto, a lo mejor te sirve, no es exactamente cómo la que muestras pero supongo que te podrá valer. Es bastante sencilla de utilizar, te dan el código para descargartelo y te vienen todos los pasos necesarios para su uso.

http://blog.xcitingart.com/diseno-web/lightbox-2/
  #3 (permalink)  
Antiguo 12/09/2011, 15:38
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 14 años, 9 meses
Puntos: 19
Respuesta: Galería de imágenes como la del ejemplo

Hay 2 millones de galerias de imagenes en internet con la estructura que buscas, solo es cuestion q te sientes en tu pc uses Google y busques...

a veces deben de mostrar algo de interes para que uno los ayude , por ejemplo estoy seguro q no hiciste eso antes de postear... Porque de haberlo hecho no hubieras Posteado.
  #4 (permalink)  
Antiguo 12/09/2011, 16:06
 
Fecha de Ingreso: mayo-2008
Mensajes: 198
Antigüedad: 15 años, 11 meses
Puntos: 3
Respuesta: Galería de imágenes como la del ejemplo

@InmaBravo. Muchas gracias por el aporte, pero no es exactamente un lightbox lo que necesito esta vez. En esta ocasión me sería mucho más util el navegador 'simple' de siguiente/anterior... De todas formas, muchas gracias!

@JuJoGuAl: Tienes razón que lo primero que hay que hacer es buscar en google, de echo es lo que hice, pero todas las opciones que me aparecían eran mas parecidas al lightbox que a otra cosa... supongo que no se que concepto buscar exactamente... alguna sugerencia??

Gracias!
__________________
----------
Modelo de carta

Letter samples
  #5 (permalink)  
Antiguo 12/09/2011, 16:15
Avatar de JuJoGuAl  
Fecha de Ingreso: julio-2009
Ubicación: Venezuela
Mensajes: 754
Antigüedad: 14 años, 9 meses
Puntos: 19
Respuesta: Galería de imágenes como la del ejemplo

Bueno de aqui saque la ultima que use: http://www.astracanada.net/2009/08/2...s-de-imagenes/

otro q te puede servir: http://www.eresseasolutions.com/recu...ropia-galeria/

pon en google galeria de fotos y veras todas la opciones ves los demos y mas o menos busca cual se pareza, porque igual no creo q la consigas....
  #6 (permalink)  
Antiguo 12/09/2011, 17:59
 
Fecha de Ingreso: julio-2011
Mensajes: 220
Antigüedad: 12 años, 9 meses
Puntos: 72
Respuesta: Galería de imágenes como la del ejemplo

Prueba con este código que sirve para cambiar de imagen moviendose adelante y atras.

Código Javascript:
Ver original
  1. <script>
  2. var imagenes= ['img/737_nl_landing_250.jpg', 'img/992763_406371.jpg', 'img/arqueologia.jpg', 'img/earthview.jpg', 'img/partenon.jpg', 'img/planeta-x.jpg'];
  3. var vuelta= 0;
  4.  
  5. function adelante()
  6. {
  7.     vuelta++;
  8.     var imagenCambiante= document.getElementById('carrusel');
  9.    
  10.     if(vuelta >= (imagenes.length))
  11.         vuelta= 0;
  12.  
  13.     imagenCambiante.src= imagenes[vuelta];
  14. }
  15.  
  16. function atras()
  17. {
  18.     vuelta--;
  19.     var imagenCambiante= document.getElementById('carrusel');
  20.  
  21.     if(vuelta < 0)
  22.         vuelta= (imagenes.length) - 1;
  23.    
  24.     imagenCambiante.src= imagenes[vuelta];
  25. }
  26. </script>
  27.  
  28. <img src="img/737_nl_landing_250.jpg" id="carrusel"/>
  29. <br /><br />
  30. <a href="#" onclick="atras()">Anterior</a>
  31. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
  32. <a href="#" onclick="adelante()">Siguiente</a>

Espero que te sirva.
  #7 (permalink)  
Antiguo 13/09/2011, 13:20
 
Fecha de Ingreso: mayo-2008
Mensajes: 198
Antigüedad: 15 años, 11 meses
Puntos: 3
Respuesta: Galería de imágenes como la del ejemplo

Mil gracias 'lubtufano'!! Me ha ido de perlas!!

Saludos!!
__________________
----------
Modelo de carta

Letter samples

Etiquetas: ejemplo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:40.