Un nouveau plugin JQuery pour faire des carousel : bxCarousel

Voici enfin une bonne alternative au plugin JQuery Jcarousel. Le plugin bxCarousel permet comme son nom l’indique de faire un carousel. C’est la solution idéale pour afficher une multitude de miniature d’images sans prendre trop de place.

Le plugin a l’air plus simple à l’utilisation que Jcarousel, notamment au niveau du design et de l’imbrication d’éléments. Le plugin JQuery propose une dizaine d’options allant de la vitesse de l’animation au nombre d’éléments qui se déplacent en passant par le délai entre les animations.

Voici la liste exhaustive des options du plugin :

$(document).ready(function(){
  $('ul').bxCarousel({
	display_num: 4,       // number of elements to be visible
	move: 4,              // number of elements to the shift the slides
	speed: 500,           // number in milliseconds it takes to finish slide animation
	margin:0,             // right margin to be applied to each "li" element (in pixels, although do not include "px")
	auto: false,          // automatically play slides without a user click
	auto_interval: 2000,  // the amount of time in milliseconds between each auto animation
	auto_dir: 'next',     // direction of auto slideshow (options: 'next', 'prev')
	auto_hover: false,    // determines if the slideshow will stop when user hovers over slideshow
	next_text: 'next',    // text to be used for the 'next' control
	next_image: '',       // image to be used for the 'next' control
	prev_text: 'prev',    // text to be used for the 'prev' control
	prev_image: '',       // image to be used for the 'prev' control
	controls: true        // determines if controls will be displayed
  });
});

Je pense que pouvoir utiliser ce plugin à l’avenir, il me reste néanmoins à voir ce qu’il va réellement donner à l’utilisation !

Pas encore de billet sur le même sujet !

Cette entrée a été publiée dans JQuery, avec comme mot(s)-clef(s) , , . Vous pouvez la mettre en favoris avec ce permalien.

Une reponse a Un nouveau plugin JQuery pour faire des carousel : bxCarousel

  1. Nicolas dit :

    Dommage , ce script n’est pas mal mais il fonctionne mal avec un script de type preattyphoto ou autre….

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">