CATALOGUE Code & Data Formation XHTML/CSS Apprendre HTML5 et CSS3 / Part 4 - Aller plus loin avec JavaScript et jQuery 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 - Aller plus loin avec JavaScript et jQuery
Revoir le teaser Je m'abonne
4,3
Transcription
Cette leçon fait partie de la formation
59,90€ Ajouter au panier

Formation incluse dans l'abonnement Elephorm

Je m'abonne à Elephorm
DescriptionProgrammeAvis
4,3
Cette leçon fait partie de la formation
59,90€ Ajouter au panier

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 fréquentes

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é

3 commentaires
4,3
3 votes
5
4
3
2
1
Profile picture for user phbernard
Philippe B.
Il y a 5 mois
Formation de bon niveau M Audoux est un professionnel.
Dommage que nous n'ayons pas les fichiers, par ailleurs M Audoux devrait également montré les fichiers CSS
D'autre par les fichiers JS à la version utilisée par M Audoux simplifieraient le travail de l'étudiant.
Profile picture for user Azraël
William F.
Il y a 3 ans
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 g.
Il y a 4 ans
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.