Une galerie d'images utilisant la propriété CSS z-index et jQuery

Formation

A distance

Prix sur demande

Appeler le centre

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

A distance

Date de début

Dates au choixInscriptions ouvertes

Questions / Réponses

Ajoutez votre question

Nos conseillers et autres utilisateurs pourront vous répondre

À qui souhaitez-vous addresser votre question?

Saisissez vos coordonnées pour recevoir une réponse

Nous ne publierons que votre nom et votre question

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

Introduction
  • 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.

Appeler le centre

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

Prix sur demande