Foros del Web » Creando para Internet » Diseño web »

Abrir imágenes en "capa/ventana" nueva con tamaño original

Estas en el tema de Abrir imágenes en "capa/ventana" nueva con tamaño original en el foro de Diseño web en Foros del Web. Hola a todos. La verdad es que no sé específiciamente cómo referirme a esto, así que el título puede sonar algo confuso. Tampoco estoy seguro ...
  #1 (permalink)  
Antiguo 30/05/2009, 21:21
 
Fecha de Ingreso: julio-2008
Ubicación: Córdoba, Argentina
Mensajes: 266
Antigüedad: 9 años, 4 meses
Puntos: 26
Abrir imágenes en "capa/ventana" nueva con tamaño original

Hola a todos.
La verdad es que no sé específiciamente cómo referirme a esto, así que el título puede sonar algo confuso. Tampoco estoy seguro de si esto se hace con JavaScript o no, así que por las dudas lo coloqué aquí, en caso de que sea de JS, por favor que un moderador lo mueva a donde corresponde.
Quiero dejar de utilizar tarjet="_blank" y con esto de la web 2.0 he visto que muchos sitios utilizan un método muy cómo para abrir las imágenes desde thumbnails en otra "capa" o "ventana", que incluso a veces trae consigo una animación; al mismo tiempo que esto se abre, el fondo (donde se ve la página de origen) se oscurece, permitiendo ver mejor la imagen. Esta "ventana" tiene 3 botones básicos, uno para cerrar y otros para navegar (anterior y siguiente). Dejo el ejemplo que más me ha gustado, que sería lo mismo que yo quiero hacer:

http://www.rockstargames.com/chinatownwars/screenshots
(hagan clic sobre cualquiera de las imágenes en la parte izquierda)
Lo único que cambiaría serían los botones y el fondo para que queden acordes a mi sitio.
Como ya dije, no sé si este método tiene alguna denominación, así que no he sabido cómo buscar tutoriales o posts sobre esto. Me gustaría que me digan si eso lleva nombre y sobre todo que me comenten cómo se hace, si tienen algún código pre-fabricado o enlaces a buenos tutoriales, también lo agradecería. Además necesito saber si el codigo a utilizar es compatible con la mayoría de los navegadores actuales o alguno tiene problemas (ejem, IE6, ejem).
Saludos.

Última edición por RabidFish; 31/05/2009 a las 01:17
  #2 (permalink)  
Antiguo 31/05/2009, 04:25
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Abrir imágenes en "capa/ventana" nueva con tamaño original

Si bien no recuerdo mal esa técnica se llama Lightbox y usa funcionalidades AJAX, actualmente hay muchas librerías que lo soportan y encontrarás mucha información en la red.

Un ejemplo es el artículo de anieto2k y si buscas en google con el termino te saldrán varias mas.

Una librería que te lo permite hacer creo que es jQuery, saludos
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 31/05/2009, 12:36
 
Fecha de Ingreso: julio-2008
Ubicación: Córdoba, Argentina
Mensajes: 266
Antigüedad: 9 años, 4 meses
Puntos: 26
Respuesta: Abrir imágenes en "capa/ventana" nueva con tamaño original

Gracias hades87 por darme el nombre, con eso me será más fácil buscar información. Si tengo problemas para implementarlo volveré aquí para postear. Si alguien tiene algún tutorial para recomendar, lo agradecería. Por ahora estoy leyendo esto: http://www.librosweb.es/javascript/c..._lightbox.html
Saludos.
  #4 (permalink)  
Antiguo 31/05/2009, 12:51
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Abrir imágenes en "capa/ventana" nueva con tamaño original

Te aconsejo que si tienes dudas referentes a lightbox, te dirijas al foro de AJAX o javascript que te ayudarán mas :)
__________________
No diseñes usando tablas.
  #5 (permalink)  
Antiguo 31/05/2009, 13:06
 
Fecha de Ingreso: julio-2008
Ubicación: Córdoba, Argentina
Mensajes: 266
Antigüedad: 9 años, 4 meses
Puntos: 26
Respuesta: Abrir imágenes en "capa/ventana" nueva con tamaño original

Gracias por la sugerencia, hades, pero ya lo he implementado y funciona de maravilla, nunca pensé que sería tan sencillo. Me dirigiré al foro correcto si llego a tener problemas. Saludos.
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 16:54.