En comparación con jcarousel, jcarousel Lite elimina las restricciones de la máscara. Puede personalizar los botones frontal y posterior y los botones de pestaña. El html generado es más conciso y el archivo es más pequeño (2k).
Enlace de descarga:
Cómo utilizar: http://www.gmarwaha.com/jquery/jcarousellite/
Copie el código de código de la siguiente manera:
<div>
<ul>
<li></li>
</ul>
</div>
<script tipo="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.min.js"></script>
<tipo de script="texto/javascript">
$(documento).listo(función(){
$(".Nombre de clase").jCarouselLite({
btnSiguiente: ".siguiente",
btnPrev: ".prev",
//btnGo: [".1", ".2"], //Personaliza la pestaña de posición de desplazamiento, en orden de matriz
//auto: 2000, //Especifique cuántos milisegundos desea desplazarse automáticamente periódicamente. El valor predeterminado es nulo
//velocidad: 800, //Velocidad de deslizamiento, puedes probar 800 1000 1500
//vertical:false, //Si desplazarse verticalmente, por defecto false
//circular:true, //Si se desplaza circularmente, el valor predeterminado es verdadero
//visible:3, //El número visible de elementos puede ser un decimal, como 2,5 es 2,5 li
//scroll:1, //El número de li desplazados cada vez
//start:0, //El lugar de inicio, el valor predeterminado es 0
//beforeStart:function(){} //Función llamada de nuevo cuando comienza el desplazamiento
//afterEnd:function(){} //Función llamada de nuevo cuando finaliza el desplazamiento
});
});
</script>