Mettre en place un Slider Responsive en Full page
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00

TUTO Mettre en place un Slider Responsive en Full page

Adrien Gazaix

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Slider fullpage responsive

Plan détaillé du cours

Leçon 1Slider fullpage responsive
49m01s

Avis des apprenants

Détail des avis
81
Apprenants
5
Commentaires
5/5
Note moyenne
5/5
5
4/5
0
3/5
0
2/5
0
1/5
0
Euloge Anyovi
Euloge Anyovi
Publié le 17/06/2022
Super ce tuto je crois que ça va bcp m'aider à avancer en tant que débutant dans le web
Adrien Gazaix
Adrien Gazaix
Super alors ! Merci a toi pour ton retour hyper positif 👍
Karim Lounici
Karim Lounici
Publié le 31/01/2022
Tuto parfait, je le recommande !
Regis Philippe
Regis Philippe
Publié le 03/05/2021
tres bon tuto , bien expliqué et je vais suivre cet auteur. merci

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

jQuery 3, jQuery , CSS

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Les fichiers de départ et les fichiers finaux du slider fullpage responsive.

Attendez ! 🤗

Accédez à plus de 1369 tutos gratuits

Notre politique de protection des données