Astuces pratiques de développement Web

Auteur: Mohamed CHINY Durée necessaire pour le cours de Astuces pratiques de développement Web Niveau recommandé pour le cours de Astuces pratiques de développement Web Supports vidéo disponibles pour ce cours Exercices de renforcement disponibles pour ce cours Quiz non disponibles pour ce cours

Page 16: Créer un diaporama animé en Javascript

Toutes les pages

Diaporama animé avec Javascript

Créer un diaporama photo avec un effet visuel captivant

Dans cette leçon, nous allons comment créer un album photo en diaporama à l'aide des langages HTML, CSS et Javascript. Nous avons appris à créer un album photo pivotant dans une leçon précédente. Cette fois, nous allons changer l'effet visuel de notre diaporama. Au chargement de la page, il y a une sorte de rideau qui s'ouvre, ensuite un cadre blanc surgit au milieu de la page, dans celui-ci, une séquence de photos se mettent à s'afficher les unes après les autres. L'affichage d'une nouvelle photo commence avec une transparence totale, puis l'opacité augmente peu à peu jusqu'à l'affichage complet.

Passons à la pratique