Guest Posted June 9, 2016 Report Share Posted June 9, 2016 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) Link to comment Share on other sites More sharing options...
Recommended Posts
Please sign in to comment
You will be able to leave a comment after signing in
Sign In Now