Lightbox Bootstrap

0
86

bootstrap3_ligh

En este video tutorial veremos como implementar el plugin Lightbox en Bootstrap para nuestras galerías de imágenes.

Al final del artículo podrás descargar los archivos fuente del proyecto

El plugin lo podemos descargar desde la siguiente URL: http://lokeshdhakar.com/projects/lightbox2/

Es un plugin muy elegante, limpio, y también es responsive lo que quiere decir que se adaptara a diferentes dispositivos móbiles y resoluciones

Para su implementación solo basta con importar los archivos css y javascript del plugin en nuestro documente HTML cada imagen debe llevar un vínculo a ella misma y dentro de la etiqueta del vínculo añadir el siguiente codigo:

data-lightbox=”galeria”

El nombre galería es opcional yo le puse así pero tu puedes colocar el que quieras

Otro parámetro importante si quieres poner un título a la imagen cuando aparezca el efecto, para ello debes añadir el siguiente código:

data-title=”Título ejemplo imagen”

VER VIDEO TUTORIAL

Descargar archivos fuente

Dejar respuesta


*