Slideshow con efectos en jQuery

por .

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.

slider efectos animados

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>

Web: Choco Slider

Categorizado en: