domingo, 24 de octubre de 2010

BLACKBOX, Slideshow muy sencillo y parecido a Ligthbox con JAVASCRIPT



Vía Webresourcesdepot me encuentro con este slideshow de imágenes para Mootools. El plugin muestra las imágenes con un efecto de fadeIn y fadeOut y permite un control muy sencillo con botones de start y stop que aparecen al hacer hover sobre las imágenes. Se podría decir que es un slideshow minimalista.
La implementación es muy sencilla:

<script src="mootools.js" type="text/javascript"></script>
<script src="blackbox.js" type="text/javascript"></script>

<ul id="myBlackcubeSlideShow">
    <li><img src="photo1.jpg" alt="Foto 1" /></li>
    <li><img src="photo2.jpg" alt="Foto 2" /></li>
    <li><img src="photo3.jpg" alt="Foto 3" /></li>
</ul>>
 
Después, se crea el objeto de tipo blackbox con una simple sentencia y listo.

var mySlideshow = new Blackbox('myBlackcubeSlideShow',
       { wait: 3000, height: 350 });
 
Un slideshow más para la colección, en este caso para Mootools, donde no abundan tanto como en jQuery, que está plagado de plugins para crear slideshows.
Puedes encontrar más información y descargartelo en la página del plugin.

No hay comentarios:

Publicar un comentario