.design .design

Un plugin lightbox responsive en jQuery

Une lightbox est un outil fonctionnant très bien sur desktop mais ayant quelques lacunes sur les mobiles. Des plugins lightbox existent mais ils sont difficiles à débusquer.

.design
.design

Ne cherchez plus, la lightbox responsive Magnific Popup réalisée en jQuery accomplit avec brio l’affichage d’images en popup sur les supports desktop et mobiles. Avec un poids super léger (3KB), ce plugin jquery performant ne requiert aucune spécification de la taille via JavaScript. Vous pouvez aussi bien utiliser les unités relatives (EM) ou les CSS media queries pour spécifier les résolutions de lightbox souhaitées. Le contenu s’adaptera et se centrera automatiquement.

Le plugin a une option pour alterner la source des images lorsque l’affichage se fait sur des écrans de petite taille. Magnific Popup affiche les images avant qu’elles ne soient complètement chargées permettant de tirer pleinement parti du chargement progressif. Différentes résolutions d’images peuvent être spécifiées en fonction de la résolution du device. Les animations de transitions sont réalisées en CSS3 et les éléments graphiques sont conçus en pure CSS. L’affichage sur les écrans Retina ne posera donc aucun problème.

Magnific Popup - Démo

Des ressources utiles pour découvrir le monde merveilleux de la lightbox :

Accédez au meilleur des interfaces directement depuis votre boîte mail

Pixels à explorer