En mi página aspx tengo una imagen en miniatura <img>. Cuando el usuario hace clic en esa imagen, me gustaría mostrar una ventana emergente que bloquea el resto de la interfaz de usuario con la versión más grande (completa) de la imagen.jQuery: ¿Cómo puedo mostrar una imagen emergente al hacer clic en la miniatura?
¿Hay algún complemento que pueda hacer esto?
Hay una gran cantidad de plugins jQuery disponible para este
Thickbox Ejemplos
Para una sola imagen
- Crear un elemento de enlace()
- Dale el enlace de un atributo de clase con un valor de thickbox (class = "thickbox")
- proporcionar una ruta en el atributo href a un archivo de imagen (.jpg .jpeg .png .gif .bmp)
Quiero mi foto en ThickBox Quiero un código de imagen de cómo se ve con el enlace-img – dexter
Consulte la sección de ejemplos en el sitio de Thickbox. – rahul
También podría ahorrar unos pocos minutos. Thickbox parece muy defectuoso. Deja de funcionar cuando inspecciono un elemento en la página de demostración en Chrome y no funciona para mí en mi propia página, incluso cuando uso la demostración exactamente. – obesechicken13
me gusta prettyPhoto
prettyPhoto es un clon jQuery lightbox. No solo admite imágenes, también es compatible con videos, flash, YouTube, iframes y ajax. Es un lightbox de medios completo
Lo siento por publicar en un hilo tan viejo. Yo estaba en una misma situación y me encontré con una solución diferente que funcionaba mejor para mí (yo no tenía al código)
mejor de la suerte
PrettyPhoto es una caja de luz clon de jQuery. No solo admite imágenes, también es compatible con videos, flash, YouTube, iframes y ajax. Es un lightbox de medios completo
Respuesta duplicada: http://stackoverflow.com/a/12252354/1405981 –
Este es el más popular (9500 estrellas) y liviano (20KB minify, 7.5 KB Minify + gzip) galería emergente creo: Magnific-Popup
quiere decir algo como esto? http://leandrovieira.com/projects/jquery/lightbox/ – Flatlin3