Vous n'êtes pas identifié(e).
13 février 2024 Sortie de Dotclear 2.29
Hello tout le monde.
Suite au sujet initié par manuelthevenard ici : http://www.dotclear.net/forum/viewtopic.php?id=17387 j'ai développé rapidement un plugin DotClear permettant d'utiliser le script Lightbox JS v2.0.
Plutôt qu'une explication textuelle, voyez en direct ce que cela fait sur le site officiel du l'auteur : http://www.huddletogether.com/projects/lightbox2/ (cliquez sur l'une des images)
Assez joli non ?
== Lightbox JS for DotClear ==
==== Auteur : Nicolas Demange ====
Description : Allows wonderful dynamic javascript effect on pictures. Easy to install, easy to use, so nice to see !* Installeur : http://www.alconis.com/dotclear/share/p … 0.1.pkg.gz
* Licence : GPL
Donc je souhaiterais qu'au moins une personne teste ce plugin afin d'en faire une véritable release, aprés correction biensûr :)
http://www.alconis.com
Membre du F.I.L.L.E. : Front Impuissant de Libération du Lien Editer... son post dans ce forum :)
Hors ligne
C'est super!! Encore mieux qu'une image clicable! Ca me rappelle certains blogs wordpress.
<troll>Vu comme ça, faudrait l'integrer tout de suite dans Dotclear 2 </troll>
Dotclear hack, dev. et photo : http://jerome.steaknco.com
Hors ligne
J'ai fait le test sur un autre blog à moi en suivant la démarche d'installation.
Ca marche nickel et super rapidement. Installation via plugin de gestion de package. Un seul copier-coller dans le template.
Je rajoute la balise à un lien sur une image. Ca marche : http://siglcorporate.free.fr/dotclear/i … leadership (cliquer sur l'image)
Par contre, pour ce qui est des set d'images ca n'a pas l'air de marcher tres bien. Je verrais ca demain. Donc un test concluant !!
http://www.alconis.com
Membre du F.I.L.L.E. : Front Impuissant de Libération du Lien Editer... son post dans ce forum :)
Hors ligne
Dans la même lignée, il serait super de voir apparaitre des plugins "live archives" et "live comments" à l'image de ce que l'on trouve sur WordPress. En parlant de WP, j'ai migré dessus récemment car j'avais besoin de gérer plusieurs rédacteurs. Je vous dis pas le b*rdel, la structure de WP est franchement affreuse. C'est la que je réalise pourquoi Dotclear a cette image de plateforme Propre.
Vivement Dotclear 2
Blog communautaire Toulousain: http://darkclouds.info/
Hors ligne
Je plussoie, une gestion wiki serait formidable =)
Hors ligne
Bon déjà quelques remarques: mode d'emploi en anglois dans le texte c'est un peu dommage...
Le répertoire par défaut des images est blog/ecrire/images ce qui est bien étrange (il aurait mieux valu blog/images, non ?).
Hors ligne
Dans la même lignée, il serait super de voir apparaitre des plugins "live archives" et "live comments" à l'image de ce que l'on trouve sur WordPress.
<mode flemmard="on">Ca consiste en quoi ces "live machinchose" ?</mode>
Dyslexics have more fnu!
Hors ligne
Tain, je pensais que y'aurai jamais ça que sur Wordpress...Génial, i trust in DC!
Hors ligne
Bon je me réponds à moi même... Si vous voulez changer le chemin des images (rangées dans /blog/images), vous chagez le code html
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
devient <a href="/blog/images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Hors ligne
mode d'emploi en anglois dans le texte c'est un peu dommage...
Oui je sais. J'attends d'avoir une version fonctionnelle pour releaser proprement le plugin avec une admin digne de ce nom localisée.
Le répertoire par défaut des images est blog/ecrire/images ce qui est bien étrange (il aurait mieux valu blog/images, non ?).
Là par contre je ne comprends pas ce que tu dis. Quel répertoire par défaut ? Le seul répertoire d'images propre au plugin est celui où sont stockées les images utilisées dans l'animation. Or celui-ci est ecrire/tools/lightbox/images/. Donc si tu pouvais expliciter.
Sinon bonne nouvelle, j'ai fait un hack de deux lignes qui permet d'utiliser la syntaxe wiki pour produire un lien LightBox. Voici la marche à suivre :
HACK POUR UTILISER LIGHTBOX VIA LA SYNTAXE WIKI
1. Dans le fichier dotclear/inc/classes/class.wiki2xhtml.basic.php, dans la fonction __parseLink($str,&$tag,&$attr,&$type), juste après la ligne
$no_image = (!empty($data[4])) ? (boolean) $data[4] : false;Ajouter :
# LIGHTBOX LINK HACK
$enable_lightbox = (!empty($data[5])) ? $data[5] : '';2. Toujours dans le même fichier et la même fonction, un peu plus bas, juste avant la ligne
return $content;Ajouter :
# LIGHTBOX LINK HAC
$attr .= ($enable_lightbox) ? ' rel="lightbox"' : '';Voilà c'est tout :)
3. Utilisation WIKI : Rajouter un 6ème élément "LIGHT" à votre balise de lien. Le 4ème élément titre est la légende de l'image. Par exemple, un lien textuel qui ouvre une image avec effet LightBox avec un légende en wiki :
[texte du lien|/dotclear/images/image.jpg||légende de l'image||LIGHT]C'est facile non ?
http://www.alconis.com
Membre du F.I.L.L.E. : Front Impuissant de Libération du Lien Editer... son post dans ce forum :)
Hors ligne
Bon je me réponds à moi même... Si vous voulez changer le chemin des images (rangées dans /blog/images), vous chagez le code html
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
devient <a href="/blog/images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>
Ah !! tu parlais dans l'exemple de l'admin !! Mais tu mets le lien vers l'image que tu veux. C'est un mauvaise exemple tout de même pour les non initiés, je suis d'accord. Dès que quelqu'un m'aura confirmé le bon fonctionnement d'installation et d'utilisation, je refais la partie admin/install. Et je release le plugin.
http://www.alconis.com
Membre du F.I.L.L.E. : Front Impuissant de Libération du Lien Editer... son post dans ce forum :)
Hors ligne
Ça fonctionne très bien. Maintenant, il ne reste plus qu'à faire une combinaison de ce plugin avec le ClicImaje de Jojo http://www.dotclear.net/forum/viewtopic.php?id=16702 pour ne pas à avoir à gérer les miniatures :-)) (mon Dieu, je rêve là d'un monde parfait).
Hors ligne
Tu peux aller voir sur mon site le dernier post...
Oulala, je n'ai pas fait F5 et je n'ai pas vu que tu me répondais pendant que j'écrivais :-)
Je confirme que tout s'est passé au poil chez Free.
Je n'ai pas encore tout compris aux options décrites sur le site officiel (dans son exemple, il y a un texte qui apparait avec "tapez N pour passer au suivant"+ une zone sensible qui apparait à droite (elle existe bien mais n'est pas visualisée comme dans l'exemple) mais bon, faut potasser. En tous les cas, je renouvelle mon appel pour une amélioration avec miniature créée automatiquement.
En tous les cas super découverte !
Hors ligne
Merci liano00 tu as trouvé un bug... normalement lorsque tu utilises le mode roadtrip des images de navigations apparaissent. Elles n'apparaissent pas dans ton exemple. Donc je dois changer des petits chemins dans la css. C'est bien. Merci d'avoir testé ce mode.
http://www.alconis.com
Membre du F.I.L.L.E. : Front Impuissant de Libération du Lien Editer... son post dans ce forum :)
Hors ligne
Je vous mets ma todo list ici :
--> Version 0.2 à venir
- Partie Admin : finaliser et localiser
- Intégration wiki : rajouter la gestion du mode RoadTrip (Gestion simple : mot-clef "LIGHT", Gestion RoadTrip : mot-clef "NOM_DU_ROADTRIP")
- CSS : correction des liens vers les images NEXT et PREVIOUS
--> A voir :
- Intégration avec le plugin ClicImage
http://www.alconis.com
Membre du F.I.L.L.E. : Front Impuissant de Libération du Lien Editer... son post dans ce forum :)
Hors ligne
Les css sont corrigées. La gestion wiki facilitée et la partie administrative améliorée et francisée. Ce qui nous donne la Première Release du plugin LightBox JS pour DotClear.
== LightBox JS pour DotClear v0.2 ==
==== Auteur : Nicolas Demange ====
Description : Lightbox JS pour DotClear est l'adaptation en plugin DotClear du script de visualisation dynamique du même nom. Il permet d'ouvrir une image en plein écran avec un effet animé impressionnant. Il permet aussi d'afficher plusieurs photos en mode album photo, de se déplacer dans l'album via les touches du clavier, d'afficher une légende etc. Il s'installe très facilement (une seule modification dans le template), peut s'utiliser en mode wiki (un remplacement de fichier du core) et est totalement non intrusif.
* Installeur : http://www.alconis.com/dotclear/share/plugin-lightbox-0.2.pkg.gz
* Commentaires : http://www.dotclear.net/forum/viewtopic.php?id=17394
* Licence : GPLhttp://www.alconis.com
Membre du F.I.L.L.E. : Front Impuissant de Libération du Lien Editer... son post dans ce forum :)
Hors ligne
Je n'ai pas lu tout le post.
Je suis le créateur de clickimage. Je travail sur l'intégration à mon plugins (ce ne me semble vraiment pas compliquer :-) mais je n'ai pas bcp de temps)
Juste une question : que ce passe t'il quand l'image est plus grande que la fenetre ?
Auteur du plugin clickimage (http://clickimage.jonas.tuxfamily.org)
Hors ligne
bien que ça ne soit pas le bon fil pour l'inscription, j'ai ajouté le plugin sur le wiki
Hors ligne
Je n'ai pas lu tout le post.
Je suis le créateur de clickimage. Je travail sur l'intégration à mon plugins (ce ne me semble vraiment pas compliquer :-) mais je n'ai pas bcp de temps)
Juste une question : que ce passe t'il quand l'image est plus grande que la fenetre ?
Ben rien de spécial: ça reste dans la fenêtre et il faut jouer de l'ascenseur (du moins c'est ce que j'ai lorsque je change l'affichage de mon écran). En tous les cas, mettez vous d'accord pour une éventuelle extension de vos plugins respectifs :-) Ça serait balot que vous fournissiez deux plugins différents pour le même résultat :-)
Hors ligne
bien que ça ne soit pas le bon fil pour l'inscription, j'ai ajouté le plugin sur le wiki
Je sais amalgame. Je voulais encore un peu de retour avec de l'inscrire "dans le bon fil". Merci quand même.
http://www.alconis.com
Membre du F.I.L.L.E. : Front Impuissant de Libération du Lien Editer... son post dans ce forum :)
Hors ligne
Voilà pourquoi je ne voulais pas que cette version soit mise sur le wiki : il restait UN bug ... corrigé pour la version 0.3. Celle-ci marche très bien.
Je demande dans le bon fil la mise à jour.
== LightBox JS pour DotClear v0.3 ==
==== Auteur : Nicolas Demange ====
Description : Lightbox JS pour DotClear est l'adaptation en plugin DotClear du script de visualisation dynamique du même nom. Il permet d'ouvrir une image en plein écran avec un effet animé impressionnant. Il permet aussi d'afficher plusieurs photos en mode album photo, de se déplacer dans l'album via les touches du clavier, d'afficher une légende etc. Il s'installe très facilement (une seule modification dans le template), peut s'utiliser en mode wiki (un remplacement de fichier du core) et est totalement non intrusif.
* Installeur : http://www.alconis.com/dotclear/share/plugin-lightbox-0.3.pkg.gz
* Commentaires : http://www.dotclear.net/forum/viewtopic.php?id=17394
* Licence : GPLhttp://www.alconis.com
Membre du F.I.L.L.E. : Front Impuissant de Libération du Lien Editer... son post dans ce forum :)
Hors ligne
Vous n'êtes pas identifié(e).