Foros del Web » Creando para Internet » CSS »

Visualizar ampliación de foto en div?

Estas en el tema de Visualizar ampliación de foto en div? en el foro de CSS en Foros del Web. Buenas gente, ya se que hoy es el dia del currante y demás.. tampoco queria ser muy cansino.. jeje pero tenia una ideilla por aquí ...
  #1 (permalink)  
Antiguo 01/05/2007, 17:43
 
Fecha de Ingreso: noviembre-2006
Mensajes: 241
Antigüedad: 17 años, 5 meses
Puntos: 7
Visualizar ampliación de foto en div?

Buenas gente, ya se que hoy es el dia del currante y demás.. tampoco queria ser muy cansino.. jeje pero tenia una ideilla por aquí purulando.. a ver si alguien me guia un poco en cuanto a como hacer esto.. para más aclaración.. dejo una imagen que aclarará mas que el rallón de letras que he metio aquí.. :)


Esquemilla de lo que quería hacer.
(Pulso sobre una de las imagenes pequeñas y lo muestro en un div).
----------------------------------------------------------------------
  #2 (permalink)  
Antiguo 01/05/2007, 19:43
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 17 años, 6 meses
Puntos: 122
Re: Visualizar ampliación de foto en div?

Haz el desarrollo tan simple como esta, pones dos columnas en una pones todos los tumbnails y en la otra un div que sea del tamaño de tu foto, inicialmente pon la primera foto ampliada o alguna imagen que quieras poner. Luego haces una función con javascript que te permita modificar el valor del atributo src de la imagen inicial, llamas a esa función cada vez que se haga click en un tumbnail, a esa función tendrías que pasar por parámetro la dirección de la nueva imagen a mostrar.
Adicionalmente podrías poner como fondo del div un logito de cargando así cuando la imagen "desaparezca" para dar paso a la siguiente se vera el loguito de cargando mientras la nueva carga.
Usa DOM para acceder y modificar el valor de src.
y el evento onclick para llamar a la funcion.
  #3 (permalink)  
Antiguo 02/05/2007, 02:48
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Re: Visualizar ampliación de foto en div?

Hola thymon

Este enlace te puede interesar:

http://www.cssplay.co.uk/menu/gallery.html

Saludos,
  #4 (permalink)  
Antiguo 02/05/2007, 19:12
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 17 años, 6 meses
Puntos: 122
Re: Visualizar ampliación de foto en div?

si, es bueno, pero tiene un inconveniente... si movemos el mouse de la imagen chica, desaparece la imagen grande, la ventaja es que es solo CSS y es mas sencillo de hacer que con javascript...
  #5 (permalink)  
Antiguo 02/05/2007, 20:48
 
Fecha de Ingreso: noviembre-2006
Mensajes: 241
Antigüedad: 17 años, 5 meses
Puntos: 7
Re: Visualizar ampliación de foto en div?



Gracias por el interes :)

Bueno estuve viendo la opcion de JavierB, para hacerlo solo con css, la cuestión es que en ese mismo div, si clickeo sobre otra de las secciones de la web apareceria el texto de esta sección.. entonces.. si lo hago de la forma que me dijo JavierB ( ), aunque estuviera mostrando una fotografía podría mostrar sin problemas el texto de la seccion?.

Espero que mi explicación se entienda.. .

Mil gracias :)
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 13:34.