Magnific Popup

[Invité]

Magnific Popup est une petite librairie javascript/jQuery qui permet de d'intégrer des popup/popin vraiment facilement pour votre site web. Quelle utilisation possible? A vrai dire, il y en a pas mal: pour une galerie photo, pour zoomer sur des images au sein d'un article par exemple, afficher des vidéos, afficher un formulaire, du texte, ce que vous souhaitez... de façon propre et soigné, sans avoir a changer de page.

Le plugin est responsive au niveau des résolutions, disponible en mode "minified" (compressé pour réduire au maximum la taille), utilise le CSS pour resize les images & supporte a peu prêt tous les navigateurs internet récents.

Très facile à utiliser, il s'init de cette manière:

//remplacez .press par l'élément qui contient vos images/éléments à mettre en popup
$(".presse").magnificPopup({
	delegate: ".image-link", //s'active lorsque l'on clique sur un élément de classe ".image-link"
	type: "image", //affiche des images
	gallery: {enabled: true}, //active le mode galerie (permet de switcher d'images avec des boutons gauche/droite)
	removalDelay: 300, //animation delay
	mainClass: 'mfp-fade' //animation (en css)
});

(à mettre dans un $(document).ready() ...) Nécessite JQuery (fournis avec au cas où)

edit: Voilà une démo concrète sur un site dont je me suis occupé:

http://www.admea.com/actualites/#la-presse-en-parle

 

Site officiel: http://dimsemenov.com/plugins/magnific-popup/

GitHub: https://github.com/dimsemenov/Magnific-Popup

Crédits: Dmitry Semenov (le créateur)