CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 4 Création d'un Slider avec jQuery

Création d'un Slider avec jQuery

Un slider complet
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre HTML5 et CSS3 / Part 4
Revoir le teaser Je m'abonne
4,5
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,5
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à la Création d'un Slider

Objectifs

Les objectifs de cette vidéo sont de vous guider dans la création d'un slider d'images en utilisant jQuery, de vous familiariser avec l'utilisation de boucles et de fonctions jQuery, et de vous apprendre à manipuler le DOM pour créer des effets visuels dynamiques.

Résumé

Dans cette leçon, nous allons réaliser un slider complet en utilisant jQuery.

Description

Dans cette vidéo, vous apprendrez à créer un slider complet en utilisant jQuery. Le slider affichera une série d'images et offrira la possibilité de naviguer entre celles-ci en utilisant des boutons. Vous verrez comment structurer votre page HTML pour inclure les images et les boutons, ainsi que les différentes étapes pour écrire le script jQuery permettant d'animer le slider. Après cette leçon, vous serez capable de :

  • Définir les variables nécessaires à la manipulation du slider.
  • Créer une boucle pour calculer la taille totale de la bande d'images.
  • Utiliser des fonctions jQuery pour manipuler et animer le DOM.
  • Implémenter des contrôles de navigation avec des boutons de sélection.

Vous découvrirez également comment gérer les différentes vues du slider et comment réinitialiser le timer pour s'assurer que chaque image est affichée pendant la durée souhaitée. Cette leçon est idéale pour les débutants en développement web souhaitant approfondir leurs compétences en jQuery.

Voir plus

Questions - réponses

Quelle est la première étape pour créer un slider avec jQuery?
La première étape est de définir la structure de la page HTML, incluant une zone pour les images et les boutons de navigation.
Comment peut-on calculer la taille totale de la bande d'images?
On peut utiliser une boucle each de jQuery pour additionner la largeur de chaque image et obtenir ainsi la taille totale de la bande d'images.
Pourquoi est-il nécessaire de réinitialiser le timer dans cette leçon?
La réinitialisation du timer est nécessaire pour s'assurer que chaque image est affichée pendant la durée prédéfinie, même après avoir cliqué sur un bouton de navigation.

Programme détaillé

2 commentaires
4,5
2 votes
5
4
3
2
1
wfischli
Il y a 2 years
Commentaire
Bonne formation.
Dommage que M Audoux ne va pas toujours au terme de ses exemples. Il manque souvent un petit "clic" qui finaliserait le cours.
Je rejoins le commentaire précédent, à savoir qu'il manque les fichiers de travail avec lesquels il serait plus facile de s'exercer.
lyazid.meaux
Il y a 3 years
Commentaire
Très bonne formation, juste ce qu'il faut.
Est il possible d'avoir les exemples afin de pouvoir travailler dessus et ne pas être obliger de jongler entre l'éditeur et la vidéo.

Merci.