h1

Galeria de Imagenes con CSS + javascript!

Noviembre 3, 2006

Lightbox  JS

Cuando manejamos una galeria en nuestra web en la cual implementamos Thumbnails, muy facilmente podriamos aplicar la muestra de las imagenes pequeñas abriendo pop-ups en donde se plasmarian las imagenes en su tamaño mas grande. Pues bien, Lightbox JS es una forma de hacerlo mas presentable.

En este ejemplo podmos observar…Las imagenes existentes de la galeria, de la cual escojemos la primera.

Al dar click, el browser se oscurece y abre una subventana que tiene precarga..esta precarga abrira la imagen en tamaño real adecuandose ella al tamaño de esta en una muy bonita animación.

EL resultado…Claro con u respectivo botón cerrar

Espero que la implementen en su Galerias y ejemplos. Saludos!

Descargar Ligthbox

13 comentarios

  1. Excelente, yo use el lightbox para una tienda que diseñe (http://www.gangascolombia.com) ya que el oscommerce por defecto te muestra la foto del producto en un popup y no se veia muy bien.


  2. Hola. como puedo tener el códido de galería de imágenes con css+avascript con las instrucciones en castellano? podrían ayudarme en eso. Me parece magnifica esta forma de visualizar imágenes.

    Atentamente, Willson


  3. Es una muy buena herramientas para mostrar en una manera sencilla y práctica varias imagenes, la vi por primera vez en chairpage.com y me pareció excelente.
    Es muy fácil de implementar así que no hace falta aprender otros idiomas.
    Gracias por esta publicación.


  4. de la ptm esta los templates


  5. Gracias por el código y la aplicación, muy buena y facil de aplicar. (y)


  6. Muy buena herramienta, ya que permite mostrar las imagenes muy bien, además muy facil de aplicar, gracias…


  7. esta muy buena la forma de mostrar las imagenes y si me podrian pasar el codigo porfavor


  8. Ke chingona esta facil rapida y muy profesional! gracias!!!


  9. como puedo obtener el codigo??!!°


  10. para los que piden el código entren a la página ahi lo pueden bajar, muy buen post, saludos.


  11. Hola, que tal?
    Estoy intentando poner la galeria de imágenes, pero el problema es que no se como lo podría poner para que cada foto se pudiera descargar pulsando un simple icono.


  12. Que útil!! Y la encontré cuando menos lo esperaba. Muchas gracias, ahora puedo llevar a cabo algunos proyectos que tengo.

    Saludos!


  13. Muchas gracias por la ayuda, es perfecto, lo que buscaba!!! :D

    Me he hechado un vistazo por tu blog y me parece muy bueno, enhorabuena! :D



Dejar un comentario