BxSlider : Un slider léger et efficace

BxSlider

BxSlider : Un petit script slider jQuery léger et efficace

 

Aujourd’hui un petit partage d’un script jQuery dont m’a fait part un ami WebDesigner : le slider BxSlider

Ce petit script bien sympa permet de faire tout simplement un slider efficace. Bien entendu il en existe tout une pelletée de ce genre de script mais parfois on peut avoir des surprises sur l’utilisation de certains scripts dans certaines conditions et on est obligé du coup de changer temporairement de slider. Cela m’est arrivé pour l’intégration d’un design pour un client. J’avais mes habitudes mais voilà, le design qui n’avait rien de bien difficile m’a pourtant mis dans l’embarras car le script ne gérait pas bien ce que je voulais faire (pb de z-index, etc.)

Bref je m’éparpille mais ce n’est pas le but de ce petit article hein ^^

Pour en revenir à notre script, rien d’exceptionnel, il s’utilise comme la plupart des autres scripts. Déjà on le télécharge ici : http://bxslider.com/

Ensuite on le charge dans notre page.

Admettons que vous avez une structure comme ceci :

  • Premier slide
  • Second slide
  • Troisième slide

Vous devez d’abord faire appel à votre script (à la fin hein mais vous le savez je pense ;)) 

Bien sûr vous avez déjà inclus jQuery… :P

Enfin vous appelez votre script :

Bien sûr vous avez déjà inclus jQuery… :P

Enfin vous appelez votre script :

Facile non ? Ce script comporte plusieurs options que vous retrouverez ici : http://bxslider.com/options. Enfin, vous trouverez des exemples ici : http://bxslider.com/examples.

Sachez que ce script ne pèse que 14ko.

Voilà, il ne reste plus qu’à l’utiliser ^^

A+

Commentaire(s) :

Laisser un commentaire

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

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.