Foros del Web » Creando para Internet » Diseño Gráfico »

[SOLUCIONADO] Cómo ampliar imagen

Estas en el tema de Cómo ampliar imagen en el foro de Diseño Gráfico en Foros del Web. Hola a todos!! Estoy haciendo una web y necesito hacer lo siguiente: - Al hacer clic sobre una imagen quiero que se amplíe (como visor) ...
  #1 (permalink)  
Antiguo 15/04/2013, 01:18
 
Fecha de Ingreso: noviembre-2012
Mensajes: 84
Antigüedad: 11 años, 4 meses
Puntos: 5
Pregunta Cómo ampliar imagen

Hola a todos!!

Estoy haciendo una web y necesito hacer lo siguiente:

- Al hacer clic sobre una imagen quiero que se amplíe (como visor) y que el fondo se vuelva oscuro.

- La mejor forma de saber lo que quiero es poner como ejemplo esta página: [URL="http://www.milanuncios.com"]http://www.milanuncios.com[/URL]

- Al pinchar sobre una imagen hace lo que quiero. ¿Cómo podría hacerlo?

Si alguien sabe de algún tutorial o ejemplos de cómo hacerlo me ayudaría muchísimo!!

Un saludo y gracias!!!
  #2 (permalink)  
Antiguo 15/04/2013, 02:35
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 4 meses
Puntos: 55
Respuesta: Cómo ampliar imagen

Lo que buscas se llama lightbox, y suele instalarse con "módulos prefabricados", es decir, archivos de JavaScript, disponibles y gratis en internet :) Aquí tienes un ejemplo: http://lokeshdhakar.com/projects/lightbox2/


Cita:
Iniciado por pupefo Ver Mensaje
- Al pinchar sobre una imagen hace lo que quiero. ¿Cómo podría hacerlo?
Esto no lo entiendo
  #3 (permalink)  
Antiguo 15/04/2013, 02:52
 
Fecha de Ingreso: noviembre-2012
Mensajes: 84
Antigüedad: 11 años, 4 meses
Puntos: 5
Respuesta: Cómo ampliar imagen

Gracias Linton!!!

Es exactamente lo que buscaba.

Si tengo alguna duda te digo algo, y si no cierro el tema jajaja

Muchas gracias. Un Saludo!!
  #4 (permalink)  
Antiguo 15/04/2013, 05:19
 
Fecha de Ingreso: noviembre-2012
Mensajes: 84
Antigüedad: 11 años, 4 meses
Puntos: 5
Respuesta: Cómo ampliar imagen

Una cosilla mas....

Me funciona perfectamente con imágenes, pero se puede aplicar a capas (<div>)??

Estoy buscando pero me temo que con mi código no podré.

Si alguien sabe algo se lo agradecería mucho.

Un saludo!!
  #5 (permalink)  
Antiguo 15/04/2013, 05:35
 
Fecha de Ingreso: noviembre-2012
Mensajes: 84
Antigüedad: 11 años, 4 meses
Puntos: 5
Respuesta: Cómo ampliar imagen

Bueno esto parece un monólogo.

Para el que quiera ampliar capas he encontrado esto: Shadowbox

Última edición por Rafael; 15/04/2013 a las 08:32
  #6 (permalink)  
Antiguo 15/04/2013, 08:32
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 1 mes
Puntos: 1826
Respuesta: Cómo ampliar imagen

Gracias por el tip.
  #7 (permalink)  
Antiguo 15/04/2013, 10:06
Avatar de Linton  
Fecha de Ingreso: diciembre-2011
Ubicación: Viena
Mensajes: 1.213
Antigüedad: 12 años, 4 meses
Puntos: 55
Respuesta: Cómo ampliar imagen

De nada, espero que ya lo hayas solucionado

Aquí tienes más opciones: http://coding.smashingmagazine.com/2...ws-lightboxes/

Un saludo.

Etiquetas: Ninguno
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 18:33.