Abrir galería de imágenes con Shadowbox
Shadowbox es un clon de Lightbox, pero a diferencia de éste no sólo sirve para visualizar imágenes en ventanas modales, sino también páginas web, archivos en flash, galerías, mapas, y videos en varios formatos de distintos servicios.
En este artículo vamos a ver como abrir una galería de imágenes con Shadowbox.
Implementarlo es bastante sencillo, lo primero que tendremos que hacer es ir a la página oficial y descargar el script.
Una vez tengamos el script subido a nuestro servidor, deberemos crear un archivo html para mostrar los resultados.
En nuestra cabecera o <head> deberemos incluir los estilos y scripts necesarios:
<link rel="stylesheet" type="text/css" href="shadowbox.css"> <script type="text/javascript" src="shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init(); </script>
Y luego dentro de nuestro <body> tendremos las imágenes de la galería identificadas mediante la etiqueta «rel» como un array.
<a href="images/blue.jpg" rel="shadowbox[Cars]"><img src="images/blue.jpg" width="100px" height="60px"></a> <a href="images/red.jpg" rel="shadowbox[Cars]"><img src="images/red.jpg" width="100px" height="60px"></a> <a href="images/grey.jpg" rel="shadowbox[Cars]"><img src="images/grey.jpg" width="100px" height="60px"></a>
Puedes ver más documentación y descargar el script de la página oficial de Shadowbox.
Autor
¿Buscas trabajo de programador?
3 respuestas a “Abrir galería de imágenes con Shadowbox”
Deja una respuesta
68 artículos que te podrían interesar
Hola, no sé si les está pasando a más usuarios, o es que yo no logro dar con el problema.
Recurro aquí a ver si alguien sabe ya que en la web shadowbox-js.com no encuentro soporte para esta duda.
Me descargo el shadowbox desde dicha página, pero no encuentro por ningún lado el archivo «shadowbox.js».
¿Alguien sabe?
En la web, en descargas, selecciono las opciones que me interesan, y el zip que se descarga tiene de todo menos dicho archivo.
Saludos.
Hola Eva,
Debes tener en cuenta que este artículo es de hace varios años y es posible que la nueva versión de Shadowbox funcione de otra forma y tenga otros ficheros distintos.
En este punto, solo puedo recomendar que te guies de la página oficial y la nueva versión.
Saludos
hola, como estan,,,estoy pasando la materia de dreamweaver2,,y estamos viendo shadowbox,,y me gusta,muy bueno..