5,00

Tuto Mettre en place un Slider Responsive en Full page avec jQuery, CSS

5,00

  • Une formation vidéo de 49m01s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Mettre en place un Slider Responsive en Full page

ajouter ce cours aux favoris retirer ce cours des favoris

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 !


Formateur : Adrien Gazaix

Adrien Gazaix a publié 129 tutoriels et obtenu une note moyenne de 4,8/5 sur 51 814 tutoriels vendus. Adrien Gazaix est un formateur certifié tuto.com. Voir les autres formations de Adrien Gazaix

5,0
note moyenne

3
avis laissés
5 étoiles
3
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de bilcoyotte laissé le 03/05/2021
    Tres bon tuto , bien expliqué et je vais suivre cet auteur. merci

  • 5
    avis de niko-dev laissé le 28/03/2021
    Tuto très clair et détaillé ! Merci ++

  • 5
    avis de mba1 laissé le 24/03/2021
    Top => clair => précis == Merci :)

  • 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.
accédez à plus de 1319 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données