Lightbox 2

Un problema que me encontré a la hora de crear una página web era el como presentar las galerías de fotografías. Llegados a este punto hay varias opciones. Una de ellas es ponerse a programar desde cero una "galería". En principio algo interesante sería que nos permitiera ver miniaturas de las fotografías, agrandarlas, pasar de unas a otras pudiendo incluso crear grupos entre ellas, etc. Otra opción sería usar una galería de tantas que existen ya hechas por la red, a la cual alguien ya dedicó en su día mucho tiempo y ofrece para que si a alguien le sirve la use y no "malgaste" tiempo.

Una que encontré yo (y ya he usado) es Lightbox 2. Como dice en la web, su uso es sencillo y nos permite la superposición de las imágenes en la página en la cual estamos. De fácil configuración y funciona correctamente en todos los navegadores actuales.

Es bastante atractivo. Aquí os dejo una captura para que os hagáis una idea:

Para poder usarlo basta con entrar en la página y descargarnos el código. Vienen instrucciones claras de cómo hemos de incluirlo en nuestra web. Sólo debemos incluir tres archivos con scripts de Javascript, y un archivo css de hojas de estilo en cascada. Para activarlo en nuestras imágenes basta con añadir la imagen como un enlace de la siguiente manera:

<a href="image.jpg" rel="lightbox" > image </a>

Si lo que queremos es agrupar un conjunto de imágenes y que funcionen los botones de Atrás/Adelante de la imágen, basta con crear un grupo de la siguiente manera (por ejemplo el grupo de imágenes "viaje"):

<a href="image1.jpg" rel="lightbox[viaje]" > image1 </a>
<a href="image2.jpg" rel="lightbox[viaje]" > image2 </a>