Foros del Web » Programando para Internet » Javascript »

transicion de imagenes

Estas en el tema de transicion de imagenes en el foro de Javascript en Foros del Web. Hola Nesecito hacer una transicion de imagenes vertical, que vayan pasando de arriba hacia abajo por ejemplo o que al hacer click sobre un botón ...
  #1 (permalink)  
Antiguo 02/09/2011, 14:44
 
Fecha de Ingreso: mayo-2010
Mensajes: 414
Antigüedad: 14 años, 6 meses
Puntos: 2
transicion de imagenes

Hola
Nesecito hacer una transicion de imagenes vertical, que vayan pasando de arriba hacia abajo por ejemplo o que al hacer click sobre un botón vayan pasando.

No se si alguien sabe de una galeria de imagenes en javascript simple como lo que quiero hacer, o alguna forma de hacerlo.

Gracias!
  #2 (permalink)  
Antiguo 02/09/2011, 15:19
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 7 meses
Puntos: 1284
Respuesta: transicion de imagenes

Hola:

Puede ser tapando la anterior, o descubriéndola (puedes verlo aquí: Imágenes... hay que entrar en proyector de diapositivas y ver abrir/cerrar arriba o tal vez abajo...), y desplazándo las 2 también (no tengo ejemplo de arriba-abajo, pero si horizontal...

La clave está en tener un recuadro del tamaño de la imágen y dentro una capa donde modificar estilos de posicionamiento de las imágenes o capas.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 02/09/2011, 15:38
 
Fecha de Ingreso: mayo-2010
Mensajes: 414
Antigüedad: 14 años, 6 meses
Puntos: 2
Respuesta: transicion de imagenes

claro, pero lo que nesecito es que se despliegen las imagenes verticalmente en linea, por ejemplo de a 3 imagnes que al hacer click sobre un boton que vayan pasando de a 3 por ejemplo.

No se si soy claro.
Gracias por tu respuesta.
Saludos!
  #4 (permalink)  
Antiguo 02/09/2011, 17:38
Avatar de _cronos2
Colaborador
 
Fecha de Ingreso: junio-2010
Mensajes: 2.062
Antigüedad: 14 años, 5 meses
Puntos: 310
Respuesta: transicion de imagenes

La cosa es más o menos fácil si el tamaño de las imágenes es siempre el mismo. Si son todas del mismo tamaño, yo lo que haría es algo como esto:
Código:
<div id='visor'>
<div id='images'>
<img .../>
<!-- ... -->
</div>
</div>
El div#visor tendría unas dimensiones de 100x300, y cada foto mediría 100x100, así cabrían 3 fotos en vertical. Entonces div#visor tendría overflow hidden, y al darle al botón arriba, el top de div#images sería -300px, para que pasaran las siguientes 3 imágenes.
Espero que lo hayas entendido.
Saludos (:
__________________
" Getting older’s not been on my plans
but it’s never late, it’s never late enough for me to stay. "
Cigarettes - Russian Red

Etiquetas: imagenes, transicion
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 19:10.