Version qui intègre la mise à jour du script javascript (de 1.0.0 à 1.1.0) ; voyez le changelog pour plus d’infos sur les changements.
Un petit plugin qui reprend la fonctionnalité de lightbox (et de ses avatars comme colorbox), de manière simplifiée et légère[1], et qui permet un affichage responsive (c’est-à-dire qui s’ajuste à la place disponible dans la fenêtre du navigateur).
La navigation peut s’effectuer au clavier si nécessaire (flèches gauche et droite pour circuler entre les photos, touche escape pour fermer). Un clic sur la photo avance à la photo suivante ou à la première s’il n’y en a plus, un clic en dehors permet de revenir au billet.
Il s’active dans les paramètres du blog — pensez à désactiver lighbox et/ou colorbox s’ils sont actifs. Veillez à activer une version de jQuery supérieure ou égale à 1.9 (a priori la version 1.11.3 est livrée avec Dotclear 2.9.n).
Ce billet servira de support pour cette version du plugin.
Note
[1] 21 Ko de javascript, 8 Ko de CSS et aucune image.
1 De Luc -
Plugin adopté pour son côté “responsive”.
Merci!
Est-ce qu’il serait possible comme avec Colorbox, qu’un diaporama se lance automatiquement quand on clique sur une photo?
2 De Franck -
Non, le script js ne prévoit pas ce genre de comportement. Utilise colorbox si cette fonctionnalité t’est indispensable.
3 De Luc -
Bon, c’est pas grave!
Maintenant les deux ont des avantages.
Je garde pour l’instant magnific-popup. Je verrai plus tard si je le garde définitivement!
Merci! :-)
4 De Tomek -
@ luc : Pour info, on peut rendre Colorbox responsive en précisant une taille maximale en pourcentage dans la configuration avancée.
5 De mirovinben -
Je suis en train de tester ce plugin en local.
Je remarque que seules sont prises en compte les photos présentes dans “.post-content” (cf ligne #42 de _public.php). Or j’ai besoin de prendre en compte également les photos présentes dans “.post-excerpt” (comme le fait colorbox). Pour ce faire j’ai modifié la ligne #42 où “div.post-content” devient “div.post”.
Ton avis ?
6 De Franck -
Personnellement je mettrais plutôt ça div.post-content,div.post-excerpt plutôt que div.post, histoire de ne pas avoir à faire avec le reste de ce qui peut se trouver dans la div post et pas dans l’extrait ou le contenu.
7 De mirovinben -
Heu… Je n’avais pas osé tester plusieurs paramètres séparés par des virgules. Je viens de le faire et c’est überkool !…
Du coup, ce serait super-top de proposer un champ en plus de la case d’activation du plugin permettant de saisir d’autres div avec “div.post-content” par défaut si ce champ est vide …
8 De Franck -
Tu es sûr qu’il faille offrir une option qui n’est pas franchement parlante pour des néophytes. Autant mettre les deux div et basta, non ?
9 De mirovinben -
Si j’ai bien tout capté, il faut intervenir dans le _public.php qui sera écrasé à chaque nouvelle version de ton plugin…
Pour ma part j’ai besoin de déclarer “div.post-excerpt”, “div.post-content” et (c’est propre aux templates de mes thèmes) “div.content-list-items”.
L’option que je suggère est proposée depuis toujours dans le plugin colorbox (excellent mais pesant 282 Ko) qui propose “.post” par défaut.
10 De Franck -
Que ce soit proposé dans colorbox est, à mon humble avis, un parfait contre-exemple ! Ce dernier fourmille d’options en tout genre et ferait peur à n’importe quel quidam pas trop au fait de l’informatique et du web !
Cela dit, je vais garder ça sous le coude comme bon exemple de réglage qui apparaît dans les paramètres du blog et qui devrait être placé dans un onglet de type “Paramètres avancés”.
Donc à modifier pour la prochaine 2.11 de Dotclear qui devrait fournir un mécanisme pour différencier les deux types de réglages (basiques et avancés).
11 De mirovinben -
Contre-exemple ? Pas dans le cas présent me semble-t-il.
Pouvoir indiquer à ce genre de plugin quel est son domaine d’action n’est pas une fantaisie superflue. Pourquoi seulement traiter le “.post-content” ?
Je constate un fois de plus que ce qui convient à un utilisateur peut ne pas convenir à un autre. D’où ma suggestion. A part ça, je trouve ton plugin très intéressant.
Bon, en même temps on ne va pas se prendre la tête pour ça : je peux toujours m’inspirer de ton travail pour mitonner un truc (à ma sauce et à usage extrêmement confidentiel) qui puisse remplir mon cahier des charges à moi que j’ai. ;-)
12 De Franck -
J’ai du mal m’exprimer : le plugin colorbox a une palanquée d’options, d’ailleurs sur sa propre page à onglets, tellement elles sont nombreuses, alors que magnific-popup a pour vocation d’être le plus simple possible, avec une seule activation et c’est tout. Voilà pourquoi j’estime qu’ils sont à l’opposé l’un de l’autre.
D’autre part, dire que tes contraintes (très) particulières devraient trouver réponse de manière générique et normale est un peu excessif je trouve. D’ailleurs ton besoin div.content-list-items sort déjà du champs que tu proposais toi-même à savoir div.post, à moins que ta div ne soit inclus dans cette dernière, évidemment.
Bref, j’ai plein de trucs à faire, une 2.10 à sortir, un DotAddict à réparer, et je compte m’occuper en priorité de ça. Ce plugin sera donc modifié, mais plus tard. Tu peux en attendant le cloner, aucun souci pour ça :-)
13 De mirovinben -
Je suis excessif
en partant du principe que “qui peut le plus peut le moins” :-)
Là, présentement et pour une durée indéterminée, j’ai activé ton plugin (avec “div.post, div.content-list-items”) sur mes blogs en ligne.
Et je te remercie. L’est sobre, léger, efficace, ergonomique (le plugin, pas les blogs).
14 De Franck -
« … principe que “qui peut le plus peut le moins” :-) », c’est justement ce que je souhaite éviter, autant que faire se peut, parce qu’en général ça conduit à une profusion d’options qui noient l’utilisateur habituel, en tout cas pour les plugins n’ayant pas sa propre page d’options et de réglages.
C’est en prévision de ce genre de demande qu’on va bosser à l’avenir à rendre un peu plus user-friendly et moins envahissant les paramètres du blog.
Il y a d’ailleurs un ticket ouvert à ce sujet et qui concerne la prochaine 2.11.
15 De Sylvain -
Colobox ne semblant plus trop vouloir fonctionner, je viens d’installer celui-ci, sans que cela ne fonctionne plus en fait. Un problème avec le thème peut-être ?
Sinon j’ai remarqué une bizarrerie en l’activant, je pose la capture ici : https://a.naudin.cc/dotclear/
C’est pas tant magnific-popup que les deux autres plugins qui doivent peut-être être mis à jour à ton avis ?
16 De Sylvain -
Bon j’ai relu et rectifié moi-même ;)
J’avais le paramétrage par défaut pour jQuery.
Reste juste l’autre particularité visuelle.
17 De Franck -
Sylvain je soupçonne un glitch (div pas fermée par exemple) d’un des deux autres plugins, en effet.