BasicSlider : Plugin jQuery fluide et facile d’utilisation

Contacté par l’auteur du plugin jQuery, je prends quelques minutes après l’avoir rapidement testé pour vous présenter un slider bien réalisé basé sur le célèbre framework JavaScript : BasicSlider.

Il y a évidemment de nombreuses solutions sur le marché mais celle-ci est véritablement une alternative sympathique, et légère de surcroît avec ses 6ko (fichier non compressé), si vous souhaitez afficher des informations et autres images sous forme de diapositives/diaporamas, de façon horizontal ou vertical, manuel ou automatique.

Du côté de l’appel :

$(function(){
$('#slider').BasicSlider({
vitesse : 'normal',
nbSlide : 2,
auto : false,
delai : 2000,
mode : 'horizontal',
navigation : true,
diaporama : false
});
});

A noter qu’il est possible d’insérer plusieurs sliders dans une même page sans complication.

N’hésitez pas à me faire savoir si vous optez pour ce plugin dans un de vos projets.

Baptiste Simon aka TiChou

Ingénieur développeur web dans le secteur du e-commerce et du tourisme mais avant toute chose passionné par internet et ses intarissables ressources.

17 commentaires, pings et rétroliens

  • Fred

    C’est juste dommage que les paramètres soient en français. Je n’ai rien contre le français, mais dans ce cas, pourquoi ne pas avoir appelé la classe GlisseurBasique ? :)

  • TiChou

    Je me suis fait la même remarque pour le français, mais concernant l’éventuelle utilisation internationale du plugin pour ma part ;)

  • Etnyk

    Ca m’intéresse bien ce plugin… Tu as des exemples de sites qui l’utilisent ?

  • TiChou

    Télécharge les sources, tu as des exemples dans l’archive :)

  • jonathan

    J’avoue m’être posé la question si je devais tout écrire en anglais ou laisser en français. Mais j’aime bien utiliser quelque chose dans ma langue natale :)

    C’est sûr que du point de vue internationalisation c’est pas génial donc je vais sûrement renommer les paramètres.

    L’archive contient 3 dossiers avec des exemples mélangeant sliders horizontaux, verticaux, automatiques ou manuels et en mode diaporama.

    Un mini-site de démo est en cours de préparation. Je ferai suivre le lien.

    N’hésitez pas à proposer des idées d’amélioration si vous en voyez :)

  • Nicolas

    Concernant les améliorations, penser à mettre un flag pour éviter qu’un clic compulsif sur les flèches de défilement ne fasse le script s’emballer ! Si vous voulez que je jette un oeil plus en profondeur pour un « fix » je peux le faire ;)

    De plus il y a une description qui apparaît en fondu lorsqu’on passe la souris sur l’image, il faudrait faire une disparition en fondu lorsque le curseur quitte l’image pour plus d’homogénéité dans l’animation.

    Sinon comme son nom l’indique, basique et sans chichi superflu pour qui ne veut pas de sophistication. Félicitations !

  • etnyk

    @TiChou : Merci ! je vais tester ca…

  • jonathan

    @Nicolas : Normalement il n’y a pas de souci si on clique plusieurs fois rapidement sur un des deux boutons; enfin j’ai normalement résolu ce problème et cela a marché lors de mes tests. Je voulais faire un fadeOut sur le mouseleave mais sur le coup je n’avais pas réussi à cause du remove qui était plus rapide mais c’est prévu sur la todo-list :)

  • jonathan

    BasicSlider passe de la V1.1 à la V2.0 directement.

    Au programme :
    [DEL] Mode diaporama redondant au mode auto.
    [ADD] fadeOut sur le titre lors de la sortie du curseur.
    [FIX] Modification du nom des paramètres pour l’internationalisation.
    [ADD] Pagination automatique avec gestion de page active.

    Pour ceux qui utiliseraient la V1, il suffit de renommer les paramètres et les class de navigation (« prev » et « next »).

    Encore merci à vous et n’hésitez pas si vous avez d’autres idées :)

  • TiChou

    Vraiment sympa.
    Merci pour le lien dans le footer. Pourrais-tu éventuellement mettre une majuscule à Waebo s’il te plaît ? ;)

    Bon courage pour la suite !

  • jonathan

    L’erreur a été réparé :)

  • Guillaume

    Bonsoir,

    Le site est à l’abandon, pareil pour Google code…
    Personne n’aurait une archive sous le coude ?

  • TiChou

    Je t’invite à te rapprocher de Jonathan dont le username Twitter est thujohn.

  • Jonathan

    J’ai en effet été obligé de fermer le site assez brusquement. Le projet est abandonné et n’aurait pas dû voir le jour…

  • TiChou

    Une raison particulière à cette soudaine décision Jonathan ?

  • Jonathan

    Professionnelle :/

Partenaires et blog à la une