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