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