Un slider en jQuery

Voici un slider jquery tiré des cours en ligne Code Academy.Ca me permet d’avoir le code à portée de clavier, sans avoir à refaire l’exercice.

 

See the Pen codeacademy slider by yuyazz (@yuyazz) on CodePen.

Une première fonction pour activer le dropdown menu au click
Une deuxième fonction pour le slider, un premier bloc pour la fleche suivante, et un second pour la fleche précédent.Au clic sur la class « arrow-next » ou ‘arrow-prev’ on déclenche l’evenement
Les slides sont contenus dans une div slide par défaut en display: none.

Grace aux éléments jquery, addClass et removeClass on va appliquer une class active-slider (en display block) à nos slides .L’élément next() nous permet de cibler l’element suivant, prev() l’element précédent.Le code est suffisamment explicite pour comprendre, en suivant ligne par ligne

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.