Plugin Lightbox2
Bonjour,
J'avais posté il y a quelques temps la marche à suivre pour intégrer lightbox2 de Lokesh Dhakar (http://www.lokeshdhakar.com/projects/lightbox2/) à pluxml (http://forum.pluxml.org/viewtopic.php?id=2469).
J'ai migré hier soir en pluxml 5.1.2 et j'ai vu le système de plugins qui m'a paru très simple d'utilisation. J'ai cherché un plugin s'approchant de lightbox. Comme je n'ai pas trouvé quelque chose qui me convenait, j'ai cherché à créer un plugin pour lightbox2.
Après avoir pas mal pataugé avec php et js, j'ai finalement fait cette version de plugin disponible ici : http://www.enespadrilles.net/mes_plugins/lightbox2.zip
Fonctionnalités :
- affichage de type zoom des images
- possibilité de faire apparaître les boutons suivant et précédent par le nommage d'un groupe d'images
- affichage d'une légende (option)
- intégration à la plxtoolbar
Install : simplement en dezzipant dans le répertoire /plugins de pluxml 5.1 et en activant le plugin dans la console d'admin
Utilisation :
Je voulais intégrer l'appel à lightbox dans le gestionnaire de média, mais cela m'a paru compliqué. Du coup, je me suis contenté d'un bouton supplémentaire dans la plxtoolbar qui demande 3 paramètres :
- le nom de l'image sans extension
- le nom du groupe (option pour pouvoir faire défiler les images)
- la légende
Contraintes :
- les images doivent être dans le répertoire data/images
- le code inséré affiche par défaut le thumbnail dans le billet. L'image en grande taille est affichée en cliquant sur le thumbnail
N'hésitez pas à m'informer si vous trouvez des bugs.
Je suis également preneur de conseils pour l'intégration dans le gestionnaire de média.
A pluxml :-)
Xavier
J'avais posté il y a quelques temps la marche à suivre pour intégrer lightbox2 de Lokesh Dhakar (http://www.lokeshdhakar.com/projects/lightbox2/) à pluxml (http://forum.pluxml.org/viewtopic.php?id=2469).
J'ai migré hier soir en pluxml 5.1.2 et j'ai vu le système de plugins qui m'a paru très simple d'utilisation. J'ai cherché un plugin s'approchant de lightbox. Comme je n'ai pas trouvé quelque chose qui me convenait, j'ai cherché à créer un plugin pour lightbox2.
Après avoir pas mal pataugé avec php et js, j'ai finalement fait cette version de plugin disponible ici : http://www.enespadrilles.net/mes_plugins/lightbox2.zip
Fonctionnalités :
- affichage de type zoom des images
- possibilité de faire apparaître les boutons suivant et précédent par le nommage d'un groupe d'images
- affichage d'une légende (option)
- intégration à la plxtoolbar
Install : simplement en dezzipant dans le répertoire /plugins de pluxml 5.1 et en activant le plugin dans la console d'admin
Utilisation :
Je voulais intégrer l'appel à lightbox dans le gestionnaire de média, mais cela m'a paru compliqué. Du coup, je me suis contenté d'un bouton supplémentaire dans la plxtoolbar qui demande 3 paramètres :
- le nom de l'image sans extension
- le nom du groupe (option pour pouvoir faire défiler les images)
- la légende
Contraintes :
- les images doivent être dans le répertoire data/images
- le code inséré affiche par défaut le thumbnail dans le billet. L'image en grande taille est affichée en cliquant sur le thumbnail
N'hésitez pas à m'informer si vous trouvez des bugs.
Je suis également preneur de conseils pour l'intégration dans le gestionnaire de média.
A pluxml :-)
Xavier
Connectez-vous ou Inscrivez-vous pour répondre.
Réponses
mais
- il doit y avoir des incompatibilités avec d'autres plugins (notamment plxcoinslider) ....
- il faudrait pouvoir mettre les images dans un répertoire spécifique pour ne pas tout mélanger
- quand on clique sur 'l'ampoule' il ne va pas chercher les fichiers mais demande les noms description etc ... pas très pratique si on ne les a pas en tête ...
-- au test il me met ceci :
<p style="text-align:center"><a href="data/images/domaine-de-clairval.jpg.tb.jpg" rel="lightbox[null]" title="domaine de clairval"><img src="data/images/domaine-de-clairval.jpg.tb.jpg.tb" alt="" /></a></p><br />
les deux fichiers images n'existent pas alors qu'il m'a demandé le nom de la miniature " domaine-de-clairval.jpg.tb " et pas de balise "alt" mais une balise 'title' .... ? (en remplissant les cases demandées"
si je mets ceci à la main:
<p style="text-align:center"><a href="data/images/domaine-de-clairval.jpg" rel="lightbox[null]" title="domaine de clairval"><img src="data/images/domaine-de-clairval.jpg.tb" alt="" /></a></p><br />
c'est déjà mieux : vignette + clic = affichage mais en plus il met 1/2 car il va aussi chercher la miniature ...
mais, continue car il y a belle lurette qu'on l"attend cette adapation
@+
mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -
Merci pour ton test.
J'ai mis en ligne une version corrigée : http://www.enespadrilles.net/mes_plugins/lightbox2.1.1.zip
J'ai corrigé la partie js pour l'insertion du code dans le billet :
- le rel="lightbox[xxxx]" prend bien en compte ce qu'on saisit dans le prompt
- la balise title est prise en compte uniquement lorsqu'on saisit un titre dans le prompt.
Pour l'anecdote, j'ai passé un bon moment à coder les tests sur les chaines de caractères en php pour me rendre compte finalement qu'il fallait le faire en javascript...
Je suis entièrement d'accord avec toi. Si tu as un tuyau pour appeler la fenêtre de choix de l'image simplement je suis preneur. En clair, le fonctionnement idéal serait pour moi :
- clic sur l'ampoule, la fenêtre de choix des images s'affiche
- on choisit une image
- on saisit le titre
- on saisit le groupe (pour l'affichage 1/3, 2/3...)
Bizarre, car ton code ressemble à ce qui est inséré avec la version corrigée 2.1.1. Chez moi, s'il n'y a qu'une seule image, pas de soucis, il n'affiche pas la miniature.
A+
Xavier
mes sites principaux : fonds d'écran gratuits - longue traîne - référencer votre site - brocante en ligne -