Plugin Lightbox pour Dotclear
Par Julien le lundi 10 mars 2008, 23:31 - DotClear - Lien permanent
Le plugin LightBox officiel est disponible pour DC2-RC1 !
J'ai appris il y a peu qu'un plugin LightBox officiel avait été ajouté au SVN de DC2 par Olivier.
Celui-ci est très malin !
Et pour l'utilisateur c'est surtout super simple et efficace avec zéro prise de tête
En plus ça carbure au jQuery !
Du coup, j'ai fait une version compatible DC2-beta7 en attendant la version stable.
Dans ce plugin l'utilisateur à le choix avez le choix entre 2 plugins jQuery correspondants chacun à des types d'effet différent :
LightBox
Le plugin jQuery LightBox déjà utilisé dans la version officiel et dans dcjQueryLightBox.
Facebox
Le plugin jQuery Facebox, dont l'effet est plus sobre, mais il dispose d'un slideshow permettant de faire défiler automatiquement les images d'un album.
Installation pour DotClear-2beta7
- L'installeur : plugin-lightbox-1.0.pkg.gz
- L'archive : plugin-lightbox-1.0.tar.gz
- Le zip : plugin-lightbox-1.0.zip
Démonstration
- En mode album photo : Cliquer sur l'une des miniatures
Plus d'info sur le plugin officiel de DC2 sur ce fil du forum de Dotclear.
Commentaires
Comment se passe la migration vers ce plugin si on a déjà installé et massivement utilisé dcjQueryLightBox ?
Merci.
> Laurent :
Avec cette nouvelle version, le mode "album" (qui permet de naviguer entre les images), est géré automatiquement : Toutes les images d'un même billet sont placées dans le même ablum (c'est aussi le fonctionnement de la prochaine version officiel).
Ce fonctionnement doit convenir à la plupart des gens, et facilite en tout cas la mise en page du billet pour l'utilisateur puisqu'il n'a rien à faire (l'effet s'applique automatiquement à toutes les images qui sont cliquable en lien).
Il n'y a donc pas de problèmes de migration depuis dcjQueryLighbox ou Slimbox.
Ce qu'il est, tout de même, souhaitable de faire c'est de supprimer les fichiers qui ont été copiés dans le rep admin de DC2 par l'ancien plugin (parce ceux-ci ne se justifient plus). Cette suppression, est possible via un bouton "Supprimer les fichiers", dans l'interface d'admin de l'ancien plugin.
La version stable ne fonctionnera qu'avec la future version stable de DC2.
Il est vrai, que la multitude des plugins et des versions participent sûrement à la confusion de l'ensemble. Il y a sans doute un manque d'explication quelque part...Cette version a donc justement pour objectif de mettre à disposition une version pour la beta7
Il est dommage que dans les onglets de préférences , le code "wiki" pour créer un lien lightbox ne soit plus indiqué.
Là, j'ai un soucis avec deux images (une censée etre le miniature, et l'autre l'image "zoomée") et je me demande si le code wiki que j'utilise est correct.
Dans l'ancien plugin, ont pouvait voir ce code dans l'onglet "à propos", ou quelque chose comme ça.
> hype :
Avec cette version, il n'y a plus à ce soucier de la syntaxe wiki puisque l'effet s'applique automatiquement à tous les images qui sont cliquable en lien (il n'est plus nécessaire d'ajouter la propriété
rel="lightbox"
à la balisea
).Si j'ajoute une image via le gestionnaire de média, cette image n'est pas cliquable.
Quelle syntaxe faut-il utiliser, tout court, s'il vous plait?

@Julien : donc si j'installe proprement ce plugin et déinstalle dcjQueryLightBox : tous les billets utilisant l'ancien plugin fonctionneront ?
Si oui, je déploie demain :-P
Syntaxe wiki classique :
[((/public/image-small.jpg|Légende))|/public/image.jpg]
> Laurent : Oui pas de problèmes
Et on fait quoi des fichiers :
/admin/dclb.js/dclb.popup_link.js
/admin/dclb.js/dclb.popup_media.js
/admin/dclb.media.php
/admin/dclb.media_item.php
/admin/dclb.popup_link.php
On les vire purement et simplement ?
Ok vu. j'ai supprimé les fiché et carrément le plugin dcjquerylightbox sinon il y avait conflit.
Par contre serait-il possible d'ajouter en option de :
)
- forcer le redimensionnement de la grande image ? (le plugin pour WP me semble pas trop mal dans sa description http://www.john-noone.com/2006/10/2... mais moi je suis dotclearaddict
- Ne pas activer lightbox pour une image choisie (genre on veut proposer une TRÈS grosse image à télécharger mais on affiche une petite)
> Laurent :
Oui, tu peux virer ces fichiers.
Le plugin dont tu parles n'a rien à voir. C'est pas du tout là même librairie javascript (c'est pas du jQuery).
Donc c'est pas vraiment au programme
Mais je reste à l'affût des éventuelles évolutions du jQuery lightBox plugin.
Bon apparemment personne n'a proposé de redimentionner automatiquement les images à afficher en lightbox.
Cela est il possible, dans la prochaine version, de proposer de ne pas appliquer l'effet lightbox à certaines images ?
> Laurent :
Il est possible de ruser en renommant l'extension de l'image.
Actuellement l'effet s'applique à toutes les images dont l'extension se termine par : .jpg, .jpeg, .png, .gif, .JPG, .PNG.
Comme c'est sensible à la casse, si tu renommes l'extension avec une majuscule, l'effet ne devrait pas s'appliquer (par exemple "
image.Jpg
")Merci pour l'astuce, mais je gère un blog multi-auteurs (25 auteurs actifs) et déjà qu'ils ont du mal avec la plupart des trucs de base...
> Laurent : Ok.
Mais comme c'est tout de même un besoin particulier, je pense qui vaut mieux envisager un comportement spécifique.
Je ne suis pas convaincu que ce soit si particulier que ça, mais bon, tan pis.
Sinon c'est possible de mettre la légende dans le lightbox comme ça le faisait avant ?
> Laurent : Pour qu'il y ai une légende, il faut que la propriété "title" du lien soit renseigné. Avec la syntaxe wiki, cela se traduit comme ça :
[((/blog/images/lac-s.jpg|Lac))|/blog/images/lac.jpg||Lac]
Il faut donc ajouter
||Légende
.Ok. avec dcJquery c'était automatique...
Heuu non en fait ça n'affiche pas la légende, mon code wiki :
[((/public/dpl/20080320 Sécu mousse/.IMG_0301_t.jpg|Une petite mousse...))|/public/dpl/20080320%20S%C3%A9cu%20mousse/IMG_0301.JPG]
Code wiki :
[((/public/dpl/20080320 Sécu mousse/.IMG_0301_t.jpg|Une petite mousse...))|/public/dpl/20080320%20S%C3%A9cu%20mousse/IMG_0301.JPG||Une petite mousse...]
Ok, vu merci :-P
Par contre effet de bord pas forcément souhaité, l'effet s'applique aussi avec le plugin gallery
http://www.morefnu.org/static/Plugi...
bonjour, merci pour ce plugin qui est vraiment kool. J'ai un petit problème la première image cliquable est la troisième image du diaporama (3/4) lorsqu'on clique, du coup la deuxième image ferme le diaporama (4/4). La troisième image et la quatrième image ne sont donc plus visible dans le diaporama à moins que l'on clique sur l'image 3 ou 4. J'ai essayé de renommer les images en les appelant a,b,c,d mais l'ordre des lettres n'est pas respectée. Comment faire pour que la première image cliquable soit la première de l'album photo. voici le lien de la page de mon blog : http://leblogdejc.net/dotclear/inde...
Merci et bonne continuation !
> Julien :
Ah oui effectivement, le comportement est déroutant dans ce cas de figure.
Je pense que cela est du au faite que les extensions de tes images sont différentes.
Les deux premières sont des
*.gif
et les deux suivantes sont des*.jpg
. Et comme le script recherche d'abord les jpg, c'est celles-ci qui sont les premières dans l'ordre d'affichage.Tu peux en avoir le cœur net en plaçant tes images jpg au début de ton billet.
Bonjour,
merci pour cette réponse, ça vient effectivement des formats d'images, j'ai transformé mes gif en jpeg. Le problème est résolu merci !
Hello,
Désormais, l'installeur doit être fourni en fichier .zip
> Chty : J'ai ajouté le zip
Bonjour à tous,
J'ai le plugin Lightbox qui fonctionne parfaitement sur mon blog, mais sur une galerie... impossible !! Je me torture dans tous les sens, je ne trouve pas, please help !
http://blog.play3-live.com/p3l/gall...
> sunnmagic :
Tu peux modifier le fichier
plugins/lightbox/style/jQueryLightBox/js/jquery.lightbox-0.4.min.js
en ajoutant la divgallery-thumbnails
à la recherche jQuery :bonjour,
J'ai trois questions depuis l'interface d'installation
"_head.html de votre thème" celui du thème par défaut convient-il ? mon thème n'a pas de head .
"il faut ajouter la ligne :" où ? j'ai regardé mais on ne sait comment placer ce code ?
"Le nom du dossier de ce plugin DOIT être "lightbox" là il faudrait écrire " Vérifier que le nom ......." sinon on se pose des questions.
Pierre
> Pierre :
Oui, pour être propre, si tu n'as pas de fichier "
_head.html
", il faut que tu recopies celui du thème par défaut dans ton thème perso et que tu ajoutes la ligne à la fin de ce fichier.Merci pour les suggestions, il y a effectivement sans doute des ambiguïtés, je vais tacher de corriger cela
Salut, bravo pour le taf.
J'ai remarqué une erreur de validité du xhtml sur l'attribut hreflang sur le lien de la partie public d'une image. Y'a-t-il un moyen de corrigé cela? si oui quel fichier?
Merci !!
peux on me confirmer que ca marche avec la RC1?, car ca marche pas chez moi
> Denis : Pour DC2 RC1, utilise le plugin officiel