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’ef­fet, 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’at­tri­but permet­tant d’af­fi­cher 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

Dernière modification: 24 mai 2020

Commentaires

Valentin

Plutôt sympa en effet ! À voir si je vais l’uti­li­ser sur les sites de nos clients !

éric

J’uti­lise swipe­box pour une gale­rie photo (hors Word­Press) et je confirme ses quali­té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 !)

Li-An

Merci pour les encouragements :-)

bjmdrx

Super plugin ! ! Merci pour l’in­fo :D

noaneo

Bonjour, vus l’uti­li­sez avec le plugin Rocket Lazy Load et ewww Image Opti­mi­zer ? 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

    Li-An
    Auteur

    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.

Denis

Dommage ne fonc­tionne pas avec Next­Cellent Galle­ry, il faut que je trouve autre chose.

    Li-An
    Auteur

    Je n’ai pas le temps de tester mais je suis un peu surpris.

    Denis

    J’ai trou­vé une solu­tion, dans Next­Cellent Galle­ry, settings, onglet effet choi­sir ; « light­box » et cela marche.

Denis

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

Écrire une réponse ou un commentaire

Votre adresse email ne sera pas publiée.

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