@alterebro

MiniLightbox.js

jueves, junio 16, 2011 @19:49

MiniLightBox es un script unobtrusivo ligero para abrir ventanas modales con imágenes superpuestas sin la necesidad de nuevas instancias del navegador.
Este script será tu solución si estas buscando una alternativa de Lightbox compacta y simple, que no dependa de ningún tipo de framework o libreria externa ni necesidad de efectos o transiciones, simplemente una ventana modal para mostrar las imagenes de tu sitio web.

Ejemplo de uso:

Incluye las referencias a MiniLightbox.js y MiniLigthbox.css dentro del <head> de tu página.

<script type="text/javascript" src="mini-lightbox/mini-lightbox.js"></script>
<link rel="stylesheet" href="mini-lightbox/mini-lightbox.css" type="text/css" media="screen" />

Añade el atributo rel="mini-lightbox" a las etiquetas de los enlaces en los que quieras activar el script. Puedes tambien usar el atributo title del enlace para mostrar un pie de foto textual en la imagen.

<a href="images/image-1.jpg" rel="mini-lightbox" title="my caption">image #1</a>

Puedes ver una demo aqui o ver el codigo y descargarlo desde aqui

Etiquetas: ,

0 comentarios

Publicar un comentario

Suscribirse a Enviar comentarios [Atom]