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+