Lightbox es una herramienta increíble, te ahorra mucho tiempo en la creación de galerías de fotos, además, es altamente personalizable y es 2.0 (lo que la hace más C00L). Así que, aquí les va una guía rápida de instalación y uso de Lightbox en un plis - plas

1. Primero hay que descargarla
2. Descomprimir su contenido dentro de la raíz de nuestro proyecto, tendremos una carpeta con el nombre de la versión actual, yo la he dejado en lightbox para los cuates.
3. Luego, dentro del < head > < / head > del archivo donde vamos a colocar la galería, debemos colocar lo siguiente:
   PLAIN TEXT
   JavaScript:

   1. <script type="text/javascript" src="lightbox/js/prototype.js"></script>
   2. <script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects"></script>
   3. <script type="text/javascript" src="lightbox/js/lightbox.js"></script>

   Que son los archivos Javascript necesarios, Lightbox utiliza protoype y scriptaculous, así que esas referencias son más que obligatorias. Ahora, colocamos el css necesario

   PLAIN TEXT
   CSS:

   1. <link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />

4. Ahora, para colocar un enlace a una imagen con Lightbox, solo hay que hacer lo siguiente:
   PLAIN TEXT
   HTML:

   1. <a href="imagen.jpg" rel="lightbox" title="Titulo">Imagen</a>

5. Para colocar, una imagen con Lightbox, cambia un poco:
   PLAIN TEXT
   HTML:

   1. <a href="imagen.jpg" rel="lightbox" title="Titulo"><img src="imagen.jpg" alt="Título" /></a></li>

6. Finalmente, para colocar un grupo de varias imágenes con Lightbox será necesario ponesles un identificador como grupo, por ejemplo:
   PLAIN TEXT
   HTML:

   1. <a href="imagen1.jpg" rel="lightbox[galeria]"><img src="imagen1.jpg" alt="Título" /></a>
   2. <a href="imagen2.jpg" rel="lightbox[galeria]"><img src="imagen2.jpg" alt="Título" /></a>
   3. <a href="imagen3.jpg" rel="lightbox[galeria]"><img src="imagen3.jpg" alt="Título" /></a>

   Siendo galería el identificador de grupo.

Y eso es todo, para los despistados, la referencia a una imagen JPG fue solo para efectos de ejemplificar, se puede usar cualquier tipo de imagen adecuada para medios web.

Aclaración: Si, ya se que hay un plugin para wordpress, pero Lightbox no es solo para usarlo ahí.

Post Relacionados

• NextGEN Gallery, una galería integral para Wordpress