Responsive Lightbox

Un effet Lightbox qui s'adapte à la taille de l'écran

Si vous utili­sez un effet Light­box pour votre thème, peut-être n'est-il pas respon­sive (il ne s'adapte pas à la taille de l'écran du visi­teur). Respon­sive Light­box vous propose deux types d'effet, pret­ty­Pho­to et Swipe­box, tous les deux adap­tés aux smart­phones et tablettes. En plus des images, ils gèrent aussi conte­nu et vidéo. L'attribut permet­tant d'afficher au moment du clic l'image est auto­ma­ti­sé ainsi que la gestion des gale­ries natives WordPress.

Cela faisait long­temps que je voulais instal­ler pret­ty­Pho­to mais les plugins propo­sés n'étaient pas à jour. Cet effet a un gros avan­tage pour les images : il affiche une version de l'image adap­tée à l'écran et propose un bouton pour voir l'image dans sa taille origi­nale. De nombreux thèmes sont dispo­nibles. Des effets assez sympa­thiques comme un diapo­ra­ma ou une gale­rie de minia­tures en surex­po­si­tion sont disponibles.

Options

responsive-lightbox02

responsive-lightbox03

En action

responsive-lightbox01

Démonstration

Traduction

La traduc­tion est gérée sur la page de l’extension. Néanmoins…
J'ai réali­sé une traduc­tion du plugin, prin­ci­pa­le­ment pour les options. Certains thèmes affichent des boutons en anglais : ce sont des images en fait et donc plus enqui­qui­nantes à modi­fier. Je vous conseille de faire le travail vous-mêmes – mais il faudra mettre à jour à chaque nouvelle version du plugin – ou, plus simple­ment, de choi­sir un thème "muet". Traduc­tion à télé­char­ger ici.


site WP du plugin : https://​word​press​.org/​p​l​u​g​i​n​s​/​r​e​s​p​o​n​s​i​v​e​-​l​i​g​h​t​b​ox/ ‑ version testée : 1.4.14

10 commentaires

  1. J'utilise swipe­box pour une gale­rie photo (hors Word­Press) et je confirme ses qualités.

    À tester sur WP, donc. :)

    (au passage, comme c'est mon premier com' ici, merci pour ton travail de défri­chage des plugins !! rude­ment utile !)

  2. Bonjour,
    vus l'utilisez avec le plugin Rocket Lazy Load et ewww Image Optimizer ?
    Ce matin ,je viens de mettre à jour ewww, respo­sinve et depuis plus d'image sur mon site, mais si je désac­tive Rocket lazy load, les image reviennent, conflit ?
    Merci

    • Les trois sont bien acti­vés sur ce site. Il va falloir que vous enquê­tiez. La mise à jour Respon­sive Light­box était urgente vu qu'une faille avait été décou­verte sur PrettyPhoto.

  3. En fait dans les para­mètres, il faut choi­sir le même mot dans Next­Cellent et responsive.
    Penser aussi à vider le cache (chez moi : super­cache) pour les tests sur un autre navi­ga­teur /​machine.

Laisser un commentaire

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

Notifiez-moi les commentaires à venir via email. Vous pouvez aussi vous abonner sans commenter.

Ce site embarque des cookies pour vous offrir la meilleur expérience possible