Lightbox officiel, la revanche
Par Sacha le 29 février 2008, 23:29 - Lien permanent
De nombreux plugins du type Lightbox pour Dotclear ont vu le jour, comme Lightbox JS, dcLightbox, dcjQueryLightBox, et même moi je n'ai pas résisté à créer Litebox.
Et pour compléter cette liste, Olivier a récemment écrit un plugin nommé Lightbox tout court. L'avantage du plugin d'Olivier est d'être extrêmement simple et clair. Toute la configuration se résume à une case à cocher dans les Paramètres du blog.
Il n'y a plus rien à bidouiller, toutes les images qui apparaissent sous forme de lien sont automatiquement prises en compte par Lightbox (en utilisant jQuery). C'est tout bonnement génial :-)
Le plugin est déjà installé sur les blogs Phénix.net, on peut le tester par exemple sur mon billet avec quelques photos prises lors des vacances de Noël. Son installation nécessite la dernière version en développement de Dotclear, et il est disponible sur le serveur SVN.
Commentaires
Plus precisement toutes les images des billets sont prises en compte. :)
Je suis super fan aussi de ce plugin.
Il est vraiment tres facile d'utilisation.
Effectivement, c'est malin ! Et pour l'utilisateur c'est surtout super simple et efficace avec zéro prise de tête :-) Et en plus ça carbure au jQuery !
Bravo !
Par contre, je n'arrive pas à le faire marcher (proprement) :-(
J'ai pourtant fait l'installation sur une dernière version SVN de Dotclear, puis activé le plug dans les Paramètres du blog.
Je ne comprends pas... Snif...
En tous cas j'ai deux petites remarques :
- Toutes les images des billets sont affichées dans le même 'album'. Pour les pages affichant plusieurs billets cela peut être déroutant.
- Par défaut, l'effet ne s'applique qu'aux images jpg.
Mais il est possible de faire des modif dans le code jQuery du fichier "_public.php" pour que les albums soit propre à chaque billet et que ça marche aussi avec les png.
Il suffit de remplacer le code à partir de la ligne 42 du fichier "_public.php" par les lignes suivantes :
'$(function() {'."\n". '$.each($("div.post"), function(index, obj) {'."\n". '$(obj).find("a[href$=.jpg],a[href$=.png]").lightBox({'."\n". "imageLoading : '".html::escapeJS($url)."/images/lightbox-ico-loading.gif',\n". "imageBtnPrev : '".html::escapeJS($url)."/images/prev-btn.png',\n". "imageBtnNext : '".html::escapeJS($url)."/images/next-btn.png',\n". "imageBtnClose : '".html::escapeJS($url)."/images/close-btn.png',\n". "imageBlank : '".html::escapeJS($url)."/images/lightbox-blank.gif'\n". "});\n". "});\n". "});\n".Ce qui pourrait être bien, c'est de signaler cela à Olivier avec mes félicitations pour ce beau travail ;-)
Édité par Sacha : mise en forme appropriée du code
pfff...
Je suis apparemment un gros boulet pour tout ce qui est config! Apres avoir essaye le plugin de 13sportif (et ne pas avoir reussi a le faire fonctionner), je me suis dit que passer a la version simplifiee me permettrait enfin d'avoir un effet lightbox!
Bref, je suis alle sur le site svn, mais n'est trouve qu'une arborescence. J'ai donc telecharge tous les fichiers dans les dossiers correspondant, et ai uploade le tout dans le dossier "plugins" de mon blog.
J'ai bien la possibilite de cocher "activer Lightbox", mais egalement le message suivant:
Warning: Missing argument 2 for lightBoxBehaviors::adminBlogPreferencesForm() in /mnt/163/sda/7/7/freeflyair/blabla/plugins/lightbox/_admin.php on line 28
Resultat, meme avec la case "activer" cochee, pas de resultat dans le blog, cliquer sur le thumbnail ouvre la photo dans un nouvelle fenetre...
Aurais-tu une idee?
Merci d'avance.
freeflyair, il faut utiliser la toute dernière version SVN de Dotclear !
Je vais sans doute faire une version pour DC2-beta7 en attendant la version stable ;-)
Bonjour 13sportif,
Pour les PNG, je suis d'accord avec toi qu'il serait bien s'ils étaient pris en compte par Lightbox. Le mieux, je pense, est de proposer ton code sur le forum, où à contact chez dotclear.net.
Ok Sacha, je vais faire ça :-)
J'ai installe la b7. D'apres ce que je comprends, ca ne marche pas avec, c'est ca?
Non, si tu as la 2.0-beta7 disponible en téléchargement, ça ne marche pas avec.
Mais si tu veux, tu peux télécharger la version SVN du 29 février 2008 ici :
http://stock.xn--phnix-csa.net/dc/d...
Notes qu'il te faudra créer manuellement les dossiers cache et public.
Olivier a dit qu'i allait ajouter le principe pour les png et gif, Il faudrait aussi etendre le test pour que la casse soit ignorée car par exemple en .JPG le pugin ignore.
Sasha j'adore ton petit truc qui dit avec quoi on poste comment est-ce fait ? un plugin en cours de dev ?
Cela a déjà été suggéré sur le forum :
http://forum.dotclear.net/viewtopic...