Exercice Pop­up d’images en jQuery

Exercice Pop­up d’images en jQuery

Enoncé de l’exercice: Intégrer en HTML / CSS et ajouter le jQuery pour qu’au clic sur une vignette, sa version agrandie s’ouvre dans une popup, centrée par rapport à la fenêtre. Le reste de la fenêtre se retrouve en partie masquée par une opacité. Au clic sur le picto de fermeture de la pop­up, celle-­ci se referme et l’opacité disparaît.

Le rendu final: popup

 

Voici les fichiers sources: les fichiers js, css, les images et l’index.html pour tester en local.

correction-popup

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.