Version qui corrige une recherche un peu trop large des images dans le contenu des billets et une coquille côté réglage.
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 Gilsoub -
Marche pas chez moi (version 0.1 et 0.2) à priori j’ai tout bien fait activé le bon jerry désactivé lightbox, activé magnifique pop up et même vider le cache du template des fois que… quand je clic sur une image elle s’ouvre dans une autre page…
Surement oublié un truc, je verrais demain…
2 De Gilsoub -
après nouvel essais, cela ne marche pas chez moi, petite un autre plugin qui fout la merde. Testé sur mac Safari et Google chrome…
3 De Franck -
Curieux, mais difficile de se faire une idée vu que tu l’as désactivé au profit de lighbox chez toi.
4 De Tomek -
@Gilsoub : ça peut venir de l’appel à jQuery dans ton thème : perso, il a fallu que je fasse des modifs pour que ça passe, pas seulement basculer sur la v1.11.1 (voir commentaires sur la v0.1 du ploug).
5 De brol -
Une fois l’image en grand, quand on veut cliquer sur le picto pour fermer, le curseur prend la forme du zoom moins. Bizarre.
Testé ici avec firefox.
6 De Gilsoub -
Effectivement, je viens de tester avec Berlin et le plug marche parfaitement. C’est donc ma version de Ductile qui n’aime pas ton plug…
Bon…
7 De AlainV -
Bonjour
pour le dysfonctionnement @brol
dans magnific-popup.css à la ligne 60
on peut retirer la classe .mfp-close
ça fonctionne sans
8 De AlainV -
j’oubliais
Chouette et léger ce petit plugin merci Franck
est-il possible d’ajouter un ou 2 effets de transition?
oui ça va certainement l’alourdir!
Merci encore
9 De Franck -
Bonjour et merci AlainV. En ce qui concerne les effets de transition, on sort de l’esprit du plugin si on commence à ajouter des choses. Si vraiment il y a besoin de transitions, voire de looks différents, autant utiliser colorbox (le lien est indiqué en début de billet).