Blackbox: slideshow sencillo de imágenes con Mootools

blackbox para mootools

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.

Compartir:
Abrir chat
¿Tienes alguna duda que podamos aclarar?