+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Un slider simple avec Rhino Slider! (/showthread.php?tid=7503)
Un slider simple avec Rhino Slider! - hishicorne - 15-11-2015
Bonjour,
J'ai découvert ce forum il y a plusieurs mois, et je doit avouer qu'il m'a bien servit pour la création de mon jeu, avec de nombreuses ressources (je vous le présenterais dans les jours à venir).
Ceci dit, à mon tour de partager (j'ai 2/33 trucs).
Si vous cherchiez comment faire un jolie slider avec de beaux effet, en jquery, il y a la reponse "RhinoSlider" : un outil de dev simple, intuitif, bien documenté, ne pèse pas trop lourd... :
http:// www. rhinoslider. com/ (lien mort)
Vous pouvez vous rendre dans la catégorie Demo & Download pour pouvoir personnaliser votre slider en ligne avant de l'intégrer directement sur votre site (avec les fichiers à télécharger à droite). Je l'ai testé, et je peux dire qu'il est vraiment modifiable et facilement, quand on connais un petit peut le langage.
En espérant avoir put en aider quelques uns,
Hishicorne.
RE: Un slider simple avec Rhino Slider! - Xenos - 15-11-2015
Mon p'tit grain de sel:
Comme sur n'importe quel site normal, je navigue à la molette pour faire défiler la page. Or, ce Rhino codé à coup de JS a décidé que la molette devait faire défiler les slides quand la souris est dessus. Résultat: il crée un "piège de navigation", qu'on pourrait appeler "Scroll Trap" (en référence au keyboard trap d'AccessiWeb/du W3C): en défilant la page à la molette, ma souris finit par être au-dessus du slider. Là, je ne peux plus continuer à faire défiler la page.
Ca n'a l'air de rien, et c'est peut-être que moi que cela concerne, mais je trouve ce genre de chose très exaspérante.
En règle générale, quand un site veut m'imposer sa vision de la navigation web, je l'envoie juste propre ch*er, d'autant qu'un slide de ce type me semble parfaitement réalisable en HTML+CSS pur (j'en ferai une démo à l'occas').
Après, je n'empêche personne de s'en servir et c'est une bonne chose que de partager ses ressources
RE: Un slider simple avec Rhino Slider! - Thêta Tau Tau - 16-11-2015
Je suis globalement d'accords avec Xenos, utiliser js pour remplacer un comportement standard par autre chose conduit souvent à rendre un site peu intuitif.
Il y a notament deux choses qui me gênent régulièrement :
- Comme ici, remplacement du scroll par défaut. Sur mon écran large je dois scroller tous le temps donc quand le js décide que le scroll se fait à l'intérieur d'un élément (slider ou autre) ça me gène. De plus j'ai rarement l'idée d'utiliser la molette dans un slider, je préfère utiliser les boutons du slider.
- Les liens en js qui ne prennent pas en compte le clic molette (pour ouvrir dans un nouvel onglet) ou au contraire, qui ouvrent par défaut dans un nouvel onglet.
Après dans certains cas spécifiques ça peut se justifier.
Notamment, dans le cas d'un reactive design où la hauteur de la page s'adapte à celle de l'écran, et où le scroll est donc inutile, je pense qu'on peut attribuer à la molette une autre fonction sans soucis.
Idem quand on scroll en drag&drop avec le clic gauche et/ou avec les flèches du clavier, on peut utiliser la molette pour autre chose (ex : le zoom dans google maps).