Basic jQuery Slider – Un slideshow para mostrar todo tipo de contenido

La cantidad de slideshow desarrollados con jQuery es impresionante y los hay muy variados como Rotating Image Slider que tiene forma de abanico.

Basic jQuery Slider es un slideshow desarrollado con jQuery y que permite mostrar todo tipo de contenido, incluído videos.

Principales características:

• Los slides pueden contener cualquier código HTML válido.
• Permite pasar entre slide con animación de desvanecimiento.
• Corre en los navegadores modernos.
• Es muy sencillo de personalizar.
• Soporta navegación por teclado.
• Es muy liviano, pesa solo 4.6kb comprimido.
• Es completamente gratis.

Cómo implementar Basic jQuery Slider

Enlazar los archivos JS:

<script src="js/libs/jquery-1.6.2.min.js"></script>
<script src="js/basic-jquery-slider.js"></script>

Crear el código HTML que contendrá el slide

Se necesita un código HTML como el del siguiente ejemplo para crear el slideshow en la página:

<div id="mi-slideshow">
<ul class="">
<li><!-- Agregar el contenido a mostrar --></li>
<li><!-- Cualquier tipo de contenido --></li>
</ul>
</div>


Activar el plugin jQuery

El siguiente código activa la presentación y cambiando algunos de los valores se logra personalizar por ejemplo el tamaño:

$(document).ready(function(){
$('#my-slideshow').slidey({
'width' : 940,
'height' : 340,
'showMarkers' : true,
'showControls' : true,
'centerMarkers' : false
});
});

Basic jQuery Slider

Sitio: basic-slider.com

Vía: www.webresourcesdepot.com/themable-and-customizable-content-slider-basic-jquery-slider