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 !