En este vídeo 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”
