Ce tuto vidéo Javascript vous permettra de réaliser un slideshow dynamique (aussi appelé carrousel) et responsive (qui s'adapte à la taille de l'écran depuis lequel il est consulté).

Au programme de ce tuto SlideShow animé en jQuery

Ce cours a une approche singulière, puisque nous utiliserons ici la balise HTML5 data et créons les visuels en jQuery. Cette méthode a l'avantage de ne pas charger toutes les images du slideshow au chargement de la page et donc d'améliorer les performances de votre sites Internet.

Nous utiliserons la bibliothèque GSAP de GreenSock pour la transition des images et l'animation des titres et des sous-titres.

Au programme également, la diffusion d'événements personnalisés en jQuery : fonction de nettoyage, boucle each, while, et encore bien d'autres choses...

Le fichier projet est fourni et je reste disponible pour répondre à vos questions dans le salon d'entraide.