SummArg | Cursos y recursos para webmasters

01/11/2011

Liviano slider animado para cualquier contenido HTML: Basic jQuery Slider

Basic-Slider es un recurso ultra-liviano para crear rápidamente un slider que anime cualquier contenido HTML. Posee todas las características de cualquier slider, desde lo referente a la navegación de cada slide hasta el control de la animación. Soporta dos modos de animación: fade o slide.

Su instalación es muy simple. Tras descargar el recurso se debe vincular los archivos a nuestro documento:

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

Insertamos nuestras slides dentro de una lista sin orden:

<div id="my-slideshow">
<ul class="bjqs">
<li><!-- Cualquier contenido --></li>
<li><!-- Incluso videos y HTML --></li>
</ul>
</div>

Y finalmente seteamos el slider:

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

Basic-Slider

Dejar un comentario