BasicSlider est un diaporama (carrousel, slider, etc.) créé par Jonathan Thuau qui permet de faire défiler du contenu (textes, images ou les deux) horizontalement ou verticalement, automatiquement ou manuellement. Parmi les fonctionnalités on trouve :
- Nombre de sliders illimité sur une même page,
- Gestion de la pagination avec des ancres (possibilité de mettre la page en favoris),
- Le plus important : fonctionnel en l’absence de Javascript.
Exemple d’utilisation
$(document).ready(function(){ $('.slider_img').BasicSlider({ speed : 'normal', nbslide : 1, auto : false, autodelay : 2000, mode : 'horizontal', navigation : true, showtitle : false, pagination : false }); });
En attendant une page de démonstration, l’archive de la version 2.1 contient déjà six exemples séparés dans trois fichiers. N’hésitez pas à faire des retours car Jonathan est très réactif : il veut proposer une solution simple, efficace, dans le respect des bonnes pratiques.
Edit du 06/03/2010 : pour preuve de sa réactivité Jonathan a déjà mis en place la page dédiée à BasicSlider avec démonstrations et exemple à la clé.
Tout d’abord merci pour l’article 🙂
J’ajouterais juste à cela que le fichier pèse moins de 8ko non compressé et pour garder cette légèreté je limiterai volontairement les fonctionnalités.
Ceci dit je suis ouvert à tout et si l’idée en vaut vraiment le coup je reverrai sûrement mon jugement.
Prochaine étape en cours de réalisation : le mini-site de démo ^_^
Intéressant l’idée des ancres pour faire une navigation alternative. Beau boulot 🙂
Seul petite remarque je pense que la découpe du plugin lui apporterait une meilleur pérennité, car là presque tous le code est en un seul gros morceau.
Pas de démo ou j’ai mal vu ?
Merci Prometee. J’y ai pensé mais c’est mon premier plugin et j’avoue ne pas vraiment savoir comment m’y prendre. J’essaierai de me pencher dessus 🙂
@Herve : Il y a 6 démos dans l’archive en attendant que je finisse le mini-site de démo 😉
Le mini-site est terminé : http://jonathan-thuau.fr/basicslider/
Le générateur de plugin jQuery pourra peut être te donner une bonne base : http://jquery.codestarters.com/
Merci pour les démos 🙂
Les démos sont pas mal buggées … Ca donne pas trop envie de l’utiliser du coup …
Et si tu disais plutôt quels bugs tu as rencontré ?
Bonjour,
Personnellement, j’essaie d’utiliser BasicSlider depuis maintenant 2 semaines et je rencontre quelques bugs.
En fait, le principal bug observé, c’est que le slider s’accélère dès lors que l’on utilise les flèches de navigation (j’ai mis le autodelay à 3500 et ça change en moins d’une seconde). Cela arrive aussi lorsqu’on utilise les numéros de navigation. De plus, il me semble qu’il apparaisse aussi si on laisse le slider tout seul pendant quelques heures…
De plus, je me suis battu avec le code Jquery pour que la fonctionnalité « showtitle » fonctionne même sans « mouseover » (affichage du title de l’image à chaque changement) et je galère toujours à ce jour… Je pense que ça pourrait être une fonctionnalité très intéressante…
Malheureusement, si le bug de l’accélération n’est pas résolu d’ici la fin de la semaine, je vais être contraint de trouver un autre slider pour mon site actuel…
En tous les cas, c’est une très bonne idée de créer un slider qui répond à plein de demandes en même temps ! Continue comme ça et merci !
Bonjour.
Si cela fait 2 semaines il fallait me contacter plus tôt je n’ai encore mangé personne ^_^
Pour ton problème d’accélération, le problème est que je n’ai pas rencontré ce problème depuis un moment.
Depuis ce soir, BasicSlider en est à la version 2.4, peut-être as-tu une vieille version.
Si avec la dernière version il y a toujours ce bug, pourrais-tu me transmettre ta configuration (OS, navigateur…) ?
Par contre j’avoue que je ne l’ai pas encore laissé tourné plusieurs heures ^^
Par ailleurs, j’ai mis l’archive des exemples à jour (ça faisait un petit moment que ça aurait dû être fait >.<).
Je vais réfléchir à cette fonction d’affichage de titre 😉
Cordialement.
Bonjour,
J’ai attendu 2 semaines parce que j’aime bien me débrouiller tout seul ^^. Nan, c’est surtout parce que j’avais pas mal de boulot et que je suis tombé sur ce forum seulement hier et que sur http://jonathan-thuau.fr/basicslider/ il n’y a pas vraiment de support à part la page contact…
Bref, je viens de vérifier et j’ai BasicSlider en version 2.1. Je vais donc essayer aujourd’hui la 2.4 et je te tiendrai au courant. Pour infos, je suis sur Seven et XP, avec les navigateurs IE 7 et FF 3.6
Bonjour,
J’ai attendu 2 semaines parce que j’aime bien me débrouiller tout seul ^^. Nan, c’est surtout parce que j’avais pas mal de boulot et que je suis tombé sur ce forum seulement hier et que sur http://jonathan-thuau.fr/basicslider/ il n’y a pas vraiment de support à part la page contact…
Bref, je viens de vérifier et j’ai BasicSlider en version 2.1. Je vais donc essayer aujourd’hui la 2.4 et je te tiendrai au courant. Pour infos, je suis sur Seven et XP, avec les navigateurs IE 7 et FF 3.6
En tous les cas, merci de ta réactivité, je reviendrai vers toi dans tous les cas pour te tenir au courant. N’oublie pas la fonction d’affichage de titre si tu as du temps à tuer 😉
Christophe.
En ce moment c’est un vrai déluge de plug-in jquery! Un nouveau slider viens de sortir et il est vraiment génial!
Je vous invite à venir le tester. http://www.outils-du-web.com/2010/03/jquery-images-slider-nivo-slider.html
slt moi c’est rachel je recheche un homme serieux pour va vie.
Tu t’es trompée de forum. Va voir là, ça pourra t’aider à résoudre ton problème :
http://www.meetic.fr
Merci de ne pas spoiler à nouveau…
@Mickael : nivo slider fait beaucoup parler de lui depuis quelques temps mais il ne sert qu’à faire défiler des images.
En vu des besoins que j’avais, j’ai dû faire en sorte de pouvoir faire défiler aussi bien des images que du texte donc une comparaison n’est pas réalisable. Surtout que là ça relève plus de la pub…
Cela dit en passant, nivo slider n’a pas été testé avec une version antérieure à IE7. Cela ne veut pas réellement dire grand chose mais c’est toujours un plus.
@toF77410 : j’ai enfin pris le temps de rajouter un paramètre pour afficher le titre de manière persistante.
Suite à une autre remarque, j’ai rendu optionnel le fondu lors du retour au premier slide, ou de l’avancée au dernier.
L’archive de démo a été mise à jour en même temps.
Très bien, merci Jonathan, je regarde ça et je te fais remonter les bugs que je pourrais rencontrer.
Juste une remarque pour le moment: il serait appréciable de visualiser les dates des différentes releases que tu mets en téléchargement sur ton site. Voilà, c’est pas bien compliqué et c’est, je pense, une information utile.
++
Je viens de le rajouter dans la page changelog.
Dans l’état actuel du site je ne peux pas le faire dans la page de téléchargement.
Merci pour tes idées 🙂
Bon, il y a toujours un énorme bug qui me dérange et qui fait que je vais devoir prendre un autre slider: dès lors que l’on clique sur le bouton suivant ou précédent, le slideshow se met à accélérer, le temps de pause n’est alors plus du tout respecter. C’est quand même bien dommage. Si tu veux voir de quoi je parle, tu peux aller voir ici: http://www.lifeisweb.com/graines_de_ce/index.php
Le bug doit venir de chez toi parce que sur ta page j’ai beau cliquer sur n’importe quel bouton je n’ai pas de problème ^^
Nan, malheureusement, le bug ne vient pas de chez moi, je travaille en collaboration avec d’autres personnes qui ont le même problème…
Testé sur FF principalement. Le bug apparait lorsque l’on clique plusieurs fois sur la flèche de droite par exemple… Normalement la transition entre les images est de 3,5 secondes…
Merci en tous cas…
En effet je viens de voir ça >.<
Vu l’heure qu’il est je verrai ça demain même si je ne vois pas trop comment faire pour le moment :/
Merci de l’avoir signalé 🙂
Pourrais-tu tester cette version ? J’ai l’impression que ça marche chez moi ^^
http://jonathan-thuau.fr/basicslider/jquery.basicslider.test.js
Désolé, les contraintes clients m’ont obligés à changer de slider…
Ton script a l’air de mieux fonctionner en effet ! Bien joué !
Bonjour Jonathan,
Je souhaitais utiliser le slider vertical avec une contrainte de taille: qu’il soit compatible ie6 (je n’ai pas le choix!)… Je ne vois pas de restrictions navigateurs sur ton site, et actuellement ie6 ne semble pas supporté: tu penses regarder ça, ou pas?
Va voir ce slider: http://css-tricks.com/anythingslider-jquery-plugin/
++
Bonsoir Fabrice.
J’avais testé le slider avec IE6, IE7, IE8 et tout marchait.
Pourriez-vous décrire les problèmes que vous rencontrez ?
Merci pour l’info ! Très pratique pour un novice tel que moi 🙂 Je compte bien m’en servir sous peu dans le cadre de la création d’un portfolio !
Bonsoir,
Le projet a été abandonné ?
Le site est mort, Google code pareil…
C’est fort dommage.