Lightbox JS pour DotClear
Ceci est mon premier plugin officiel pour DotClear. Lightbox JS est un script assez connu qui permet une visualisation animée impressionnante d’une image ou d’un album d’images.
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. Pour plus d’informations sur l’utilisation du script, je vous recommande le site internet de l’auteur : huddletogether.com.
Installation
- Lien vers le package de la dernière version : plugin-lightbox-0.3.pkg.gz
- Lien vers le zip de la dernière version : plugin-lightbox-0.3.zip (à dézipper dans le répertoire dotclear/ecrire/tools)
- Sujet sur le forum DotClear : dotclear.net/forum/viewtopic.php?id=17394
Utilisation
- La démarche d’installation est explicitée dans la partie administrative du plugin. Elle consiste en un seul petit copier coller dans le fichier template de votre thème.
- La démarche d’utilisation est elle aussi expliquée dans cette même partie. Utilisable pour toutes les images de votre blog et pas seulement celles de vos billets. L’intégration avec la syntaxe wiki permet en plus de l’utiliser dans connaître une once d’XHTML.
Démonstration
- Utilisation avec une miniature : Cliquer sur l’image
- Utilisation avec un texte : Cliquer sur le texte
- Utilisation avec un ensemble de photos : Cliquer sur l’une des miniatures
Versions
- Version 0.3 : Correction d’un bug dans la gestion wiki des albums
- Version 0.2 : Corrections des liens vers les images, Ajout de la gestion wiki
- Version 0.1 : Adaptation du script en plugin DotClear
Pour tous commentaires ou problèmes, merci d’utiliser le formulaire ci-dessous
j’utilise un système de pub clickintext et depuis l’installation de lightbox, les pubs ne s’affichent plus, le problème viendrait quelque part du fichier prototype.js…
si ça peut aider :
clickintext fait appel à un script java qui se place à la fin avant la balise </body> de ce genre :
<script type="text/javascript" src="fr.clickintext.net/…&qu…
Bonjour Alconis !
Tout d’abord toutes mes félicitations pour ce super plugin ! Le rendu est terrible, toutefois j’aurai une question, en parcourant ta galerie je me demande comment est ce que tu as reussi à gerer les albums directement à partir des thumb … Peux tu m’éclaircir ?
En te remerciant d’avance. Merci !
Salut AlexZen. Pour faire cela, tu as juste à faire cette petite manip’ : http://www.dotclear.net/forum/vi...
Je te remercie énormément Alconis pour la rapidité de ta réponse et le boulot accompli ! Franchement c’est super, manque plus que je trouve la solution pour paramètrer la galerie sur plus de 3 colonnes par défaut et ainsi je visualisera la totalité de mes photos !
Encore Merci !
Plugin Lightbox JS
J’ai d?uvert la semaine derni? le plugin Lightbox JS pour DotClear. Si vous avez cliqu?ur les images du billet JVTE(3) et que le javascript est activ?ur votre ordinateur, vous avez d? d? voir en action. Cela permet, outre…
Très bon plug-in. L’idéal serait maintenant que le bouton "insérer une image" dans l’interface d’écriture d’un billet utilise directement la miniature dotclear lié à une image "normale". C’est possible?
Une question me tracasse.
Est il possible de limiter la taille des images affichées.
Parceque dès que je met une photo plus grande que mon écran, je me retrouve avec des barres de défilement. J’aimerais autant que l’image soit redimensionnée.
C’est faisable?
Salut, j’ai pas lu les messages si dessus mais j’ai un problèmes :
Je suis en train de déménager mon site (celui ou j’ai mis mon plugin clickimage) et j’ai un problème le "close" ne s’affiche pas voici le lien que j’ai pour l’images
jonas.tuxfamily.org/blog/…
Bizarre non ?
J’ai une idée d’où ça peut venir : j’ai activer les type d’URL "path info" pensant qu’un l’hébergeur tuxfamily les supporteraient mais …
Je te tient au courant ou vient a la pèche au nouvelle ici
Ça n’aura pas été long …
J’ai trouvé le moyen de résoudre le problèmes mais un peux foireux car le dossier n’est pas en variable …
Dans le fichier lightbox.js j’ai changé les chemin relatif (ligne 62 63) par
var fileLoadingImage = "/blog/ecrire/tools/lightbox/images/loading.gif";
var fileBottomNavCloseImage = "/blog/ecrire/tools/lightbox/images/closelabel.gif";
Reste à trouver si il y a une variable java pour le dossier du blog mais le java … c’est pas encore mon dada
J’ai répondu à tout ce genre de question du le forum dotclear. Pour tout problème c’est là-bas qu’il faut aller.
Merci pour ce plugin extra
Bonjour,
j’ai un problème de rendu par rapport au script :p
quand je clique sur l’image avec le plugin,
j’ai une très large bande grise.
Comment la réduire, je n’ai trouvé la réponse nul part
Merci
la page où il y a bug : cynthia.tonnerre.free.fr/…
Hihi, j’ai résolu mon problème, une petite erreure de thème dotclear !
merci pour le super plug in ^^
Cynthia
Alors à quand une adaptation pour Dotclear 2 ?
(oula, ton thème est planté chez moi en IE6 1280*1024).
Les Next / Prev / Close de lightboxv2 viennent a priori des images
blank.gif,
close.gif,
closelabel.gif,
loading.gif,
next.gif,
nextlabel.gif,
prev.gif,
prevlabel.gif
du répertoire /assets/snippets/maxigallery/lightboxv2/images.
Est-ce que quelqu’un à une version French de ces images ??
A+
Super plugin. je suis en train de le tester sur un blog test et mon coeur balance entre celui-ci et simpleviewer.
J’ai fait la manip que tu proposes pour avoir lightbox et le plugin gallery en même temps mais j’aurais une question.
Est-il possible de récupérer et donc d’afficher dans lightbox les titres et commentaires que l’on met sur les photos avec le plugin gallery ? Pas sur que je suis clair lol
Excellent plugin.
Integration super rapide, il ne reste plus a ma femme qu’a se decider pour un theme, et ca roule.
Merci beaucoup pour le suivi aussi, de ta part comme de celle des tous les participants
A quel "nom" (commentaire #4) dans le gestionnaire d’images de dotclear faut-il rajouter TN_ pour obtenir la miniature ?
(j’ai cherché dans le forum et ici une réponse : il y est peut-être, mais je ne l’ai pas trouvée)
Merci !
Je passe juste pour te remercier de mettre à disposition ce script. C’est une très jolie façon pour agrandir les photos que l’on ne peut pas afficher correctement…
Encore merci à toi, bonne continuation
En même temps le script c’est thickbox .. donc deux inclusions en header, remplacer les images par une fonction js et hop .. y’à pas de magie
Excusez-moi mais… comment installe-t-on ce plugin?
J’ai tenté de le dézippé mais ca ne marche pas. (Je parle de ce lien: Lien vers le package de la dernière version : plugin-lightbox-0.3.pkg.gz)
Ensuite pour celui-ci:
Lien vers le zip de la dernière version : plugin-lightbox-0.3.zip (à dézipper dans le répertoire dotclear/ecrire/tools)
Je l’ai mis comme indiqué, dans tools, mais apres? comment s’en servir??
Je ne sais pas comment faire aussi pour mettre une image en miniature puis quand on clic dessus elle fasse comme le plugin là haut
Je suis nulle désolée, mais je viens d’over-blog, et là bas tout est tellement plus simple
Merci de votre aide !
Tu regardes ensuite dans la partie plugin de la page de gestion de Dotclear. Le plugin doit apparaitre et tu lis les indications.
J’ai un petit soucis avec Lightbox JS 2.0 …
J’ai mis sur pied un blog dotclear, j’ai installé Lightbox et ClickImage.
J’arrive à le faire marcher…
Mais à l’affichage des grands formats sur fond noir, le cadre blanc qui s’ouvre derrière la photo semble décalé :
il est trop à gauche, et trop haut (le texte qui légende l’image est cachée par celle-ci).
Comment résoudre le problème et que tout se recale ? (peut-on supprimer totalement ce cadre blanc ?
Exemple ici :
pyjaman.co.free.fr/dotcle…
J’ai aussi le pb de l’image du bouton close qui marche pas, mais ça c’est de mon niveau !
Et sinon, dernière question,
est-il possible de paramètrer le degré de transparence de l’arrière plan ?
Merci !!
Ant
Super ce plugin, exactement ce que je cherchais
Ce plugin a l’air superbe, mais je n’arrive pas à le faire marcher… J’ai suivi la procédure d’installation, modifié le template de mon thème, remplacé le fichier "class.wiki2xhtml.basic.php", j’ai essayé de créer un billet avec une image insérée et le mot clef LIGHT: quand je clique sur la miniature, l’image originale s’ouvre dans le navigateur sans aucun effet particulier.
Je précise que mon blog est hébergé chez OVH, qu’il n’est pas installé à la racine à part le fichier index qui lui est à la racine.
merci d’avance
Bonsoir,
J’ai un problème déja évoqué, mais qui semble tellement simple que tout le monde l’a résolu sans expliquer comment!
lol!
Qui peut me dire comment afficher le bouton CLOSE ?
Sous IE, j’ai l’emplacement (croix rouge), mais sous FF, je n’ai rien de visuel.
Merci à tous!
Dartagnan
Bonjour,
jesssaye d’utiliser ce plugin depuis plusieurs jours, j’ai mais le meme probleme que David, j’ai beau l’installé, lorsque je clic sur un image, elle souvvre dans une nouvelle page, sans effet particulier…
pourtnat sur le site http://www.huddletogether.com/pr...
cela fonctionne bien…
Vous avez une idée ?
Bonsoir Yellcard,
#73.
J’ai eu ce problème lorsqu’Internet Explorer bloque certaines images pour sécuriser.
Cela vient probablement de là!
Tu ne devrais pas avoir cet inconvénient sous mozilla.
Si quelqu’un pouvait m’aider sur un problème déjà évoqué…
Je ne peux pas afficher l’image du CLOSE, sous mozilla je n’ai strictement rien, et une croix rouge sous IE.
Help!
Merci de votre attention
j’ai exactement le meme soucis que david avec un blog qui n’est pas à la racine…
Bonjour,
J’ai installé avec succès votre plugin mais j’aurai deux questions à vous poser :
– comment faire pour avoir comme dans votre modèle la phrase "vous pouvez…" et la mention close avec la petite croix
– est-il possible d’avoir dotclear sur un serveur (ex: fournisseur 1) et avoir les images chez un autre fournisseur (fournisseur 2). Je manque de place chez mon fournisseur 1. J’ai fait un test mais je n’ai l’image miniature, juste un texte avec un lien. Bien sûr, si je clique sur le lien, j’obtiens l’image agrandie mais j’aimerais bien avoir l’image miniature.
Merci d’avance -)
C’est encore moi ! Je viens de voir que ma première question est inutile. Je n’avais pas vu que cela se mettait automatiquement. -)
Mais je suis toujours preneuse si vous trouvez une solution pour la seconde question
Colette essaye cette syntaxe html :
<a href="lien de ton image" rel="lightbox" target="_blank">
<img alt="lien de ton images" src="lien de ton image" width="300" >
le width sert a resize ton image sur ton billet !!
Par contre moi j’ai une question pour l’album comment integrer plusieurs images avec la syntaxe que je viens de decrire??
J’aimerais savoir comment franciser le "of" de image 1 of 24 sur le plugin.
J’ai changé les images pour les franciser mais je n’arrive pas à franciser ce menu car avec une recherche sur Dreamweaver j’ai des dizaines de fichiers !
Merci d’avance.
salut,
y’a personne qui a hacké ce script/plugin pour que TOUTES les images ajoutées aux billets via le gestionnaires d’images s’ouvre avec lightbox ?
ça dépasse de loin mes compétences…
Merci !
Salut tous le monde, ce plug-in est vraiment super merci.
Par contre je rencontre un probleme avec celui ci un de mes derniers blogs qui a une navigation horizontale, regardez par vous meme : http://www.lab-sens.com
Je suis prenuer si vous avez une solution.
Merci d’avance.
Superbe et bravo !
Bonjour,
je pense qu’un lien vers le ZIP sur cette page => http://www.dotclear.net/trac/wik...
serai le bien-venu !
j’ai un peu ramé pour le trouver !
Bravo & Merci !
Le plugin a en effet un problème avec les navigations horizontales.
J’ai réalisé une version prenant en compte le scroll horizontal.
J’en parle à l’auteur pour qu’il l’intègre à son plugin
Bonjour Alconis,
Pourrais-tu m’aider. J’ai bien installé le plugin, fait toutes les modifs. Et cela marche sauf que j’ai une image qui dépasse largement l’écran (encore pas trop grave) mais je n’ai pas le bouton de fermeture qui apparrait, et pourtant si je clique à l’endroit ou il doit être cela ferme bien la photo, mais c’est embettant pour le visiteur.
Pour voir : eric.drevet.free.fr/dotcl…
Merci de ton aide.
Eric
bonjour,
moi j’ai un probleme avec les boutons next et prev et je ne trouve pas d’ou vient le probleme ! vous sauriez vous?
merci
bonne journée
Bonsoir,
j’utilise ce plugin avec DC1 et j’en suis vraiment content.
Je souhaiterai savoir s’il possible de générer une url qui m’enverrai directement sur l’image ouverte directement à travers le pluging.
En gros, je souhaiterai pouvoir fournir l’url à quelqu’un pour que lorsqu’il click dessus, ça ouvre le billet du blog avec l’image en gros, comme s’il avait cliquer sur la miniature.
Merci d’avance
Bonjour,
Merci pour ce plugin qui est un bon raccourci pour installer lightbox V2 sur un dotclear.
Néanmoins, j’ai détecté une petite erreur qui s’est glissé dans le fichier lightbox.js aux lignes 62 et 63.
En effet, pour que les images de load et de fermeture s’affiche correctement partout sur le blog, il faut mettre un / devant ecrire pour éviter tout problème (ou bien indiquer le chemin complet depuis la racine de votre site)
Bonjour, je n’utilise pas dotclear cependant, je me suis installé ce plugin sur mon blog, tout fonctionnait jusqu’alors…et depuis quelques jours les images ne s’ouvrent plus. Quelqu’un pourrait me renseigner sur l’erreur qui pourrait bloquer l’action "d’ouverture" ?
j ai un probleme avec le defilement horizontal. du nouveau ? je vais contacter le programmeur je crois..
merci pour le plugin par contre j’ai un souci j’ai remplacer ta version de lightbox par la 2.03.3 et sous firefox le titre de l’image disparait en faite il n’affiche pas le blanc a coté du bouton close ( sous IE7 sa fonctionne bien) je bataille avec mais je suis un peu paumé ??
merci
très plaisant je vais testez sa desuite ^^
y a t-il moyen d’intégrer Lightbox sur Iweb ?
je cherche désespérément !!!!!
merci!
ça ne cache pas mon menu flash normal? QUe faire pour que cela assombrisse aussi mon menu flash? Merci
Merci pour ce plugin, cependant existerait-il la même chose mais avec Mootools ? Car j’utilise déjà Mootools et il n’est pas compatible avec Prototype…
Merci.
je suis une fan de voitre site, c’est superbe!