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
Suscribirse a:
Enviar comentarios (Atom)
0 comentarios:
Publicar un comentario