Mettre en place un Slider Responsive en Full page

Dans ce tuto JQUERY en vidéo, nous allons voir ensemble comment mettre en place un Slider en fullpage tout en étant responsive mobile/tablette.

Au programme de ce tuto Slider Responsive Full Page avec jQuery 

Dans les grandes lignes, voici ce que nous ce slider sera capable de faire :

• Les images du slider s'adapteront automatiquement à la taille de l'écran,
• On pourra mettre un autoplay avec le choix du temps passé sur chaque slide,
• La vitesse sera modifiable,
• L'autoplay se relancera même après un clic sur les flèches gauche/droite,
• On placera une box de contenu en absolue sur chacune des slides,
• On interceptera le moment ou la transition d'une slide se termine pour ajouter une classe sur cette box et lui donne un autre style,
• On pourra désactiver le cliquer/glisser sur le slider si c'est votre souhait.

Je vous invite à regarder l'extrait vidéo pour vous rendre compte du résultat final.

Les fichiers sources contenant les fichiers de départ ainsi que les fichiers finaux sont inclus avec le tuto.
N'hésitez pas à me soumettre des questions dans le salon d'entraide si vous rencontrer des difficultés pendant ou après le visionnage de la vidéo.

Bon tuto !