Une galerie d'images utilisant la propriété CSS z-index et jQuery
Formation
A distance
Avez-vous besoin d'un coach de formation?
Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.
Description
-
Typologie
Formation
-
Méthodologie
A distance
-
Heures de classe
6h
-
Dates de début
Dates au choix
-
Envoi de matériel d'apprentissage
Oui
Objectifs: Dans cet article, nous allons combiner la propriété CSS z-index et la puissance de jQuery pour réaliser une galerie d'images avec l'apparence d'une pile de photos
Les sites et dates disponibles
Lieu
Date de début
Date de début
Les Avis
Le programme
Introduction
Le XHTML, le CSS et les images
Le XHTML
Le CSS
Les images
Le principe de changement de z-index
Le code
Conclusion
Remerciements
- Dans cet article, nous voulons créer une galerie de photos en utilisant la propriété CSS z-index.
- Dans notre exemple, nous avons une pile de photos.
- En cliquant sur Suivant, nous mettons la première photo en dernière position et à l'inverse, en cliquant sur Précédent, la dernière photo se mettra en première position.
- Tout cela est réalisé uniquement en modifiant la valeur de z-index en rajoutant bien sûr une animation pour laisser croire qu'il s'agit bien d'une pile de photos.
- Vous pouvez voir un exemple ou télécharger l'archive.
Avez-vous besoin d'un coach de formation?
Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.
Une galerie d'images utilisant la propriété CSS z-index et jQuery