CATALOGUE Code & Data Formation Ajax/jQuery Apprendre Ajax / JQuery Créer un Slideshow avec jQuery et CSS

Créer un Slideshow avec jQuery et CSS

Slideshow
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Apprendre Ajax / JQuery
Revoir le teaser Je m'abonne
5,0
Transcription
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
5,0
59,90€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à la Création d'un Slideshow

Objectifs

Les objectifs de cette vidéo sont de maîtriser les bases de la création d'un slideshow en jQuery, d'apprendre à manipuler le DOM pour contrôler les transitions des images, et de savoir comment ajouter des contrôles de navigation et un défilement automatique à un slideshow.

Résumé

Découvrez comment créer un slideshow en utilisant jQuery et CSS, en manipulant le DOM et en appliquant des transitions d'affichage.

Description

Cette leçon vous apprendra à créer un slideshow en utilisant les connaissances acquises sur les fonctions CSS, les sélecteurs, et les fonctions de manipulation du DOM. Vous apprendrez à modifier l'apparence des images pour qu'elles se recouvrent, à contrôler l'opacité pour révéler les images une à une, et à créer des transitions fluides entre les images grâce à jQuery. Cette leçon détaillera également comment ajouter des éléments de contrôle pour naviguer entre les images et comment implémenter un défilement automatique. En appliquant ces techniques, vous serez en mesure de créer des slideshows dynamiques et interactifs pour vos pages web.

Voir plus

Questions - réponses

Comment positionner les images pour qu'elles se recouvrent dans un slideshow?
En utilisant la propriété CSS 'position: absolute' sur les images et 'position: relative' sur leur conteneur.
Comment faire apparaître et disparaître les images dans un slideshow avec jQuery?
En utilisant les fonctions fadeIn() et fadeOut() de jQuery pour créer des transitions d'opacité entre les images.
Quelle fonction de jQuery peut-on utiliser pour déclencher automatiquement le défilement des images?
La fonction setInterval() en JavaScript peut être utilisée pour appeler périodiquement une fonction jQuery qui déclenche le défilement des images avec trigger('click').

Programme détaillé

1 commentaire
5,0
1 vote
5
4
3
2
1
zohor.souhila
Il y a 3 years
Commentaire
Excellente formation!