28 mar 2010

Galeria de Imagenes con LightBox

LightBox es una libreria de JavaScript que utiliza las librerias Scriptculous y Prototype para permitirle a sus usuarios crear galerías de imagenes animadas, funciona en todos los navegadores modernos y será un elemento novedoso en tu sitio Web. Su implementación es muy facil!... aqui les dejo brevemente los pasos a seguir y el enlace para su descarga.
Debemos incluir las librerias Scriptculous,Prototype y LightBox, en ese mismo orden:
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script><scriptsrc="js/lightbox.js" type="text/javascript"></script>

Luego añadiremos la hoja de estilos para la galería:
<link href="css/lightbox.css" media="screen" rel="stylesheet" type="text/css"></link>
Luego añadimos las imágenes en el body del documento html:
<a href="huascar.JPG" rel="lightbox[roadtrip]"><img src="huascar_thumb.JPG"></img></a>

Si en el atributo rel colocas solo "lightbox" tambien funciona, pero creará la animación para una imagen independiente y no una galería.


Descargar la libreria: LightBox

0 comentarios:

Publicar un comentario

Soluciones Informáticas

Sigueme en Twitter