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, touches 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.1 est livrée avec Dotclear 2.7.5).
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 Tomek -
Une petite typo pour l’activation : “Actvier magnific-popup” ;-)
Un autre truc : visiblement il ne recense pas les images par billets, mais au-delà (j’ai pas cherché précisément, j’avoue) ce qui me semble un peu étrange et n’est pas le cas avec Colorbox par exemple.
Un 3e truc qui n’est pas lié : comment fonctionne l’appel à jquery ? Dans cet ordre : thème perso -> thème défaut -> inc/js/jquery ? J’ai dû remplacer la version dans le thème défaut pour que ça fonctionne, mais je suppose que s’il n’y a pas de js dans le thème par défaut, ça prend directement dans le dossier inc/js/jquery ?
Merci en tout cas pour ce petit ploug léger et responsive !
2 De Franck -
Merci pour la typo, ça sera corrigé dans la prochaine version.
Pour la recherche le plugin s’appuie sur tous les
div.post-content
, et donc regroupe en une seule galerie ce qu’il trouve dedans (images liées par un<a href="…"></a>
.Pour jQuery c’est déporté puisqu’il n’y a plus besoin de thème par défaut. Donc c’est au niveau des jeux de template, ou de ton thème que c’est géré, via une balise
{{tpl:BlogJsJQuery}}
(voir le fichier_head.html
).3 De Franck -
Bon, je viens de m’apercevoir qu’il est un poil trop agressif dans sa recherche, vu qu’il prend en compte tous les liens et pas seulement les images.
Va falloir que je me penche la-dessus…
4 De Tomek -
Ok merci pour l’explication sur jQuery !
Pour le reste, j’ai vu que tu as dégainé plus vite que l’éclair. :-P
5 De Gilsoub -
ah ben tu fait bien de préciser pour Jquery ! parce que j’y ai jamais touché et c’était marqué :Defaut (1.4.2), et dans le menu déroulant, on retrouve bien la 1.11.1… Tout ça pour dire que quand il y a une ma, c’est le genre de détail que les gens comme moi ne regarde pas ; petite à voir que pour un maj futur de DC ce genre de paramètre soit upgrade par défaut ?
6 De Franck -
Gilsoub c’est délicat de forcer la modif de ce paramètre au cours d’une mise à jour Dotclear, ça peut casser l’existant. On va y réfléchir.
7 De Gilsoub -
Peut être juste alors faire passer l’état “défaut” à la nouvelle version, qu visuellement l’on se pose la question ;-)
8 De Tomek -
Je m’aperçois que la balise
{{tpl:BlogJsJQuery}}
n’est pas documentée, je veux bien m’y coller, d’après le billet de blog sur DC, c’est depuis la 2.7 que c’est en place, c’est bien ça ?Je pense qu’il y a aussi tout ce qui concerne la clean install qui est à revoir en ce qui concerne le répertoire default qui n’est plus obligatoire (2.7 itou).
9 De Franck -
Oui Tomek c’est depuis la 2.7 qu’on est enfin indépendant de la présence du thème
default
dans le répertoire des thèmes. Il était temps :-)