pour présenter au mieux vos images, vidéos, messages d'erreur, etc.
Magnific Popup est un plugin jQuery pour créer des responsive lightbox. Il est compatible avec Zepto.js (Zepto.js est une bibliothèque JavaScript minimaliste pour les navigateurs modernes) et il devrait également fonctionner avec les périphériques mobiles. Ce plugin est modulaire et dispose d'un outil de construction afin que vous puissiez générer une version qui inclut uniquement les fonctionnalités dont vous avez besoin. L'outil Sass est utilisé pour le CSS, donc vous pouvez personnaliser facilement les styles en fonction de votre projet.
Les raccourcis clavier sont pris en charge, les touches fléchées et la touche escape permettent la navigation dans les diaporamas. Une grande partie du travail se fait en CSS (on y gagne en rapidité), ce qui signifie que les écrans High DPI (Dots per inch, Retina) sont pris en charge.
La popup créée a un moteur de micro template extensible qui réutilise des éléments du DOM existants, ce qui est particulièrement utile lorsque vos popups ont un même modèle.
Grâce à ce plugin, vous pouvez afficher (et pourquoi pas avec une transition CSS) :
- une image ;
- un diaporama ;
- une vidéo ;
- une carte ;
- un formulaire ;
- le résultat d'un appel AJAX ;
- un message d'erreur.
Site offciel.
Documentation.
D'après un article sur DailyJS. Cet article parle également de blend.js.
Et vous ?
Que pensez-vous de ce plugin ?
Qu'utilisez-vous dans vos sites pour afficher des images, des vidéos, etc. ?