Galeria de Imagenes con CSS + javascript!

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

Anuncios

18 Responses to Galeria de Imagenes con CSS + javascript!

  1. David says:

    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. Willson says:

    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. Jhon Villalobos says:

    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. Shuister says:

    de la ptm esta los templates

  5. Wilson says:

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

  6. Gilberto says:

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

  7. Zambrano says:

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

  8. Rosana says:

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

  9. mariiana says:

    como puedo obtener el codigo??!!°

  10. lumbreras says:

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

  11. rrs says:

    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. onoametal says:

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

    Saludos!

  13. Gato says:

    Muchas gracias por la ayuda, es perfecto, lo que buscaba!!! 😀

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

  14. alberto says:

    muchas gracias por el aporte, muy bien explicada , ya la puse en funcionamiento, rapido, sencillo y profesional. ademas de funcionar muy bien en firefox y explorer.

  15. amigo eres el mejor graxias por este
    efecto ya llevava rato buscandolo mil gracias
    encerio saludos nos estamos leyendo adios

  16. jose luis says:

    Muchas gracias por la aportación y el código

  17. alejandro says:

    muy bueno!!! gracias

  18. ide says:

    Buenos enlaces, gracias!!!!
    Os paso otro enlace que suelen poner cosas interesantes
    http://www.ankestudio.com

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: