Carrusel con efectos en jQuery
Choco Slider es un plugin para jQuery que nos permite realizar un simple slide de imágenes igual a cualquier otro pero con la gran diferencia de poder configurar efectos en las transiciones. Una solución muy simple, que vuelve atractivo y original a este componente web que es cada día más utilizado.
Las características más sobresalientes según el creador son:
Es liviano, el plugin pesa apenas 8kb.
Es flexible.
Se puede personalizar fácilmente.
Compatible con Firefox 2+, IE 6+, Safari v4, Opera v10, Google Chrome 3+ y Opera 9+
Licencia de uso MIT.
Implementar Choco Slider no requiere más que algunas líneas de código:
<link rel=»stylesheet» href=»chocoslider.css» type=»text/css» />
<script type=»text/javascript» src=»jquery.chocoslider.js»></script>
<script src=»jquery.min.js» type=»text/javascript»></script>
Las imagenes:
<div id=»slider»>
<img src=»img/img_1.jpg» alt=»» title=»»/>
<img src=»img/img_2.jpg» alt=»» title=»»/>
<img src=»img/img_3.jpg» alt=»» title=»»/>
<img src=»img/img_4.jpg» alt=»» title=»»/>
<img src=»img/img_5.jpg» alt=»» title=»»/>
</div>
Y finalmente la inicialización del plugin:
<script type=»text/javascript»>
$(window).load(function() {
$(‘#slider’).chocoslider();
});
</script>
Califica este Artículo
Categoría: Programación.
Deja una respuesta