Tout Lightbox !
Article publié le dimanche 5 octobre 2008 par Bernard Blazin
Mis à jour le dimanche 2 novembre 2008
Tout faire dans une iframe lightbox, ça vous dit ? Passer de la vidéo, flv, wmv du mp3, des photos et bientôt tout le reste comme du html, un article SPIP, etc etc...
Alors suivez-moi !
Pour installer ce plugin, il suffit de suivre la procédure habituelle. Dezipper et installez l’archive dans le dossiers plugins de SPIP
A partir de maintenant, vous allez pouvoir tout passer dans une seule commande dans l’article et voir des images, des vidéos, entendre du mp3 avec le même plugin.
Pour le faire fonctionner vous devez charger des documents et uniquement ceux-ci ! Les images passent également comme document.
Ensuite vous repérez le numéro de votre premier document, puis le numéro de votre article.
Dans le corps de l’article vous devrez mettre : <docxx|tout|id_article=yy> ou xx est le numéro de votre premier document et yy l’Id de l’article
Les problèmes :
- Ce plugin utilise Mootools . Comme Jquery est installé nativement dans le core de SPIP, il peut y avoir des conflits avec d’autres plugins.. Je n’ai pas testé, à vous de me dire
.
Mais plugandspip utilise beaucoup de plugins et ça tourne rond !
Voilà une petite démo :
Interlude
Déclinaison Marine
Dan et Lou
Emmy Lou Harris
un Wmv
Jouons avec les modèles dans un plugin et Plugin Diaporama de luxe
Attention !
Si ça vous plait, alors n’hésitez pas à mettre un petit mot dans le forum public et puis , dites-moi aussi si vous rencontrez des incompatibilités avec d’autres plugins.
Le plugin en version complète se trouve tout en bas de cet article !
INSTALLATION
Comme tous les plugins. Il se peut que l’archive ne soit pas à jour. Si tel est le cas mettre les fichiers dans un dossier toutthick.
Dans l’article, il faut charger les images, sons et vidéos dans des documents et non pas dans les images !
Assurez-vous que la balise #INSERT_HEAD est bien présente dans vos squelettes.
Dans l’article activez le javascript pour l’effet avec ce simple code ou vous voulez :
<html|tout|id_article=xx> XX étant l’id de l’article.
Pour les images (par exemple le doc100 et 101)
<img100|tout|id_article=xx> C’est suffisant pour afficher les vignettes de toutes vos images.
Pour les vidéos et le son ..Par exemple doc102 et 103 :
<doc102|tout|id_article=xx>
Pour les articles internes .. exemple avec l’article 85 de votre site :
<article85|tout|article85>
Enfin pour les sites distants. Ceux-ci doivent être référencés dans votre spip mais non syndiqués
<frame|tout|id_syndic=2|id_article=90> si le site référencé porte l’id 2
Tous ces raccourcis sont cumulables dans l’article.
Documents joints
Forum de l'article
Tout Lightbox ! 19 octobre 2009, par lepile
Site à visiter: http://www.virginiad.be/spip.php?ru...
Salut, comment faire pour que les vignettes des images (ou documents) soient non pas en colonne mais en ligne ? On gagne pas mal de place sur une page …
Avec l’image ou la vignette des FLV et MP3 19 octobre 2008, par Tina
Salut,
je viens de tester ton plugin toutthink.
Comment serait-il possible
1) de faire apparaître la vignette donnée au FLV plutôt que son titre ?
2) de prendre en compte le fait que ces documents ont bien été insérés dans l’article afin que les documents n’apparaissent pas ensuite à nouveau dans le pied de l’article ?
Merci d’avance !
Tina
Avec l’image ou la vignette des FLV et MP3 19 octobre 2008, par Bernard Blazin
Bonjour,
Il faut retoucher la boucle qui se trouve dans les modèles du plugin.
Pour ne plus faire apparaitre en doublon les vignettes soit faire un test sioui sinon ? ou alors un {doublons} dans la boucle document de l’article.
Mais ce ne sont que supositions, je n’ai pas testé.
Si tu trouves une piste je rajouterai ta contrib dans le plugin
Bon courage
Tout Lightbox ! 26 octobre 2008, par Bernard Blazin
Il faut regarder si dans le code source de la page, le javascript est bien présent avant les div.
<script type="text/javascript">
var box = {};
window.addEvent('domready', function(){
box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});
});
</script>
Il y a un bout de code d’attaque JS à mettre dans l’article avant de le faire fonctionner (voir dans le dossier modeles du plugin). ensuite la chose doit se présenter ainsi : <doc130|tout|id_article=90><article85|tout|article85><frame|tout|id_syndic=2|id_article=90>
Bon courage et tenez moi au courant...
Tout Lightbox ! 26 octobre 2008, venant de LNeuilly-152-21-27-222.w193-253.abo.wanadoo.fr
Tout d’abord merci Bernard de prendre le temps de me répondre.
Je patauge...
Je vais essayer d’être clair :
- je teste les plugins sur un SPIP chez Free
- sur ce site j’ai installé et testé Thickbox (qui fonctionne)
- j’ai téléchargé votre plugin (en groupant tout les fichiers du ZIP dans un seul répertoire)
- j’active le plugin (et je désactive Thickbox)
- dans un article j’insère : docxx|tout|id_article=yy
- à partir de là le document apparait bien mais quand je clique dessus pas d’effet thickbox..
Comme je disais je pédale dans la choucroute !
Est ce sur le squelette article.html que je dois insérer un bout de code ?
Je tâtonne et mes essais ne sont pas concluants.
Bien amicalement - Marc
Tout Lightbox ! 26 octobre 2008, par Bernard Blazin
Voilà je suis de nouveau chez moi, c’est plus pratique pour répondre
En fait dans les modèles il y a un html_tout qui amorce l’effet par inclusion d’un script js.
Donc on doit commencer ainsi dans l’article : <html|tout|id_article=xx>
Ainsi cela doit fonctionner.. Vous me tenez au courant ?
Merci
Tout Lightbox ! 21 décembre 2008, par RBESSE
Bonjour,
J’ai installé votre plugin et activé ce dernier.
J’ai commencé un article par <html|tout|id_article=105> puis j’ai ajouté <img73|tout|id_article=105> mais rien ne s’affiche. Même l’image ne s’affiche pas.
Dans le code source je vois bien l’appel js de fait.
Pourriez vous m’éclairer ?
En vous remerciant,
RB.
Installation (migration) vers SPIP 2.0.10 15 novembre 2009, par Alexis J
Bonjour Bernard, j’ai tenté une migration vers la version 2.0.10 de SPIP et ai perdu l’effet Lightbox. Sur un environnement maquette vierge (en local sur ma machine) dans la même version, il m’est impossible de faire fonctionner ce plug-in :
- Pas d’affichage du doc concerné dans l’article
- Document bien chargé en format Portfolio
- #INSERT_HEAD présent (par défaut, d’après ce que j’en vois) dans le code de SPIP
- Pas d’autre plug-in installé
- Le code indiquant le chemin d’exécution des js est bien présent dans la page.
Qu’en pensez-vous ?
La portabilité s’arrêterait-elle en 2.0.9 ? J’ai du mal à prendre du recul dans cette situation, aussi je me permets de vous solliciter.
Merci d’avance pour votre réponse
Cordialement
Alexis J
Tout Lightbox ! 1er novembre 2008, par fabien
Site à visiter: Problème
Bonjour
voilà je trouve ton plugin vraiment génial et je veux donc l’installer sur mon site
il est bien dans le dossier /plugins de mon site et reconnu par spip (activé) de plus le dossier est bien nommé comme dit au dessus « toutthick » ...
je suis sur mon article et j’insère le texte « » là ou mon document est une image vignette (doc5) insérée dans mon article n°1 ..
RESULTAT Mon article affiche IMG/jpg/1491815164_011ca73839_o.jpg avec un lien vers l’image sans utiliser l’effet ...
Pourrais tu m’aider ? je suis pret a te donner mon url pour que tu vois : n’hésites pas a me contacter par mail
merci beaucoup pour ta précieuse aide !
Tout Lightbox ! 5 novembre 2008, par Vindra
Site à visiter: exemple
Installé sans problèmes. L’effet est très fluide, je suis fan.
Voila ce que cela donne sur le blog que j’ai mis en place pour des amis. J’ai « remplacé » le portfolio par le plugin.
En fait c’est plus une astuce que vraiment un remplacement. Par contre, je n’ai toujours pas compris comment faire pour que dans le corps de l’article les doc apparaissent avec l’effet.
C’est soit tout, soit rien ?
Etant donné que ça fait 3 mois que je me suis mis à SPIP, j’ai peur de ne pas savoir où tripatouiller pour régler le problème.
Tout Lightbox ! 5 novembre 2008, par Bernard Blazin
Dans la dernière version du plugin mise en ligne il y a deux jours, j’ai fait un modele pour les images et uniquement pour les images.
En fait ( je pense que ça fonctionne mais je n’ai pas vérifié ) si on met l’appel du js avec <html|yout|id_article=xx> puis <imgyy|tout|id_article=xx> ou yy est l’id du premier document image on doit pouvoir continuer en reprenant dans l’article <imgy'y'|tout|id_article=xx>
Cela devrait avoir pour incidence de reprendre le comptage des images à partir de la nouvelle image y’y’ ...Mais sans garantie..
Merci de me tenir au courant, si ça ne fonctionne pas, je tenterai autre chose
Tout Lightbox ! 5 novembre 2008, par Vindra
Site à visiter: exemple (essai fait sur la premiere image dans le texte)
Bon j’ai feinté et c’est passé.
En créant un nouveau modele que j’ai nommé ’vig’ (comme vignette), j’ai repris les attributs du modele ’img’ mais en mettant 0,1 dans la boucle.
Du coup, ça fait ce que je voulais.
Bon maintenant j’ai le problème de l’insertion de la dite ’vig’, mais ça doit pouvoir se faire en trifouillant aussi.
Tout Lightbox ! 6 novembre 2008, venant de 69.130.99-84.rev.gaoland.net
Site à visiter: exemple (encore et toujours 
)
Bon j’en suis revenu de mon idée idiote, mais je me demande quand même si il n’y a pas un truc à faire.
Je ne comprends toujours pas le coup de y’y’.
Voila ce que je fais : imgyy(ici 129)|tout|id_article=xx
puis dans le texte : imgy’y’(ici 130)|tout|id_article=xx
Malheureusement, cela remet toutes les photos.
J’ai remis tous les modèles par défaut, la seule transformation que j’ai faite est la suppression de ’< br / >’ dans le modèle ’img’ pour obtenir des images à la suite sans retour chariot.
Tout Lightbox ! questions sur la compression et la taile de la vidéo 6 novembre 2008, par manu
Site à visiter: Tout Lightbox ! questions sur la compression et la taile de la vidéo
Bonjour,
Merci pour ce remarquable plugin bien pratique. Quelques petites questions cependant.
Concernant l’affichage de la vidéo : sur mon site la vidéo est hypercompressé (pixelisation énorme), ce qui n’est pas le cas du fichier flv de base. Est ce normal et y a t’il un moyen de remédier à cela ?
Autre question : les paramètres de taille (vidéo) peuvent ils être modifiés ?
Merci beaucoup, Emmanuel
Tout Lightbox ! affiner la sélection 28 novembre 2008, par vanessa
Site à visiter: Tout Lightbox ! affiner la sélection
Bonjour,
Je voudrais savoir s’il y avait la possibilitée de sélectionner des documents dans l’article (par exemple 3 sur 6 pour présenter les autres documents plus loin dans la page) en affichant par exemple :
<script type="text/javascript">
var box = {};
window.addEvent('domready', function(){
box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});
});
</script>
du texte
un intertitre
- Plugin Ecrire&modifier Xhtml stable
merci en tout cas de ce plugin vanessa
Tout Lightbox ! 9 janvier 2009, par nvillemain
Site à visiter: page vidéo
Bonjour et Bonne Année !
Ce plugin est vraiment intéressant, mais je n’arrive pas à le faire fonctionner correctement :
1) SOUS FIREFOX : Une partie de la page seulement a l’effet lightbox (la marge de droite et mon bandeau supérieur de ma page, pas le reste)
2) SOUS IE7 : Une autre partie de la partie de la page a cet effet : Pas le menu déroulant ( en js pour ie), ni le corps de la page.
Peut-il y avoir des « conflits » entre mon css et celui de touthick ? Sinon, avez vous déjà rencontré ce problème ?
Ci jointe la page qui pose pb :
Tout Lightbox ! ... et Internet explorer 13 janvier 2009, par nvillemain
Bonjour à tous,
J’ai bidouillé mon CSS et tout est rentré dans l’ordre...
Sauf que sous FIREFOX : aucun pb Par contre , sous IE7, le FLV s’affiche non pas centré, mais en haut et à gauche ...
D’autres personnes ont elles des pb avec IE ?
comment y pallier ?
Tout Lightbox ! ... et Internet explorer suite et fin... 15 janvier 2009, par nvillemain
Site à visiter: page à visiter
bonjour à tous Tous les pb sont réglés. Voilà comment :
Au niveau CSS, les z-index 2,3, 4... posaient pb, et donc l’effet grisé passait sous certaines parties de ma page ; solution : essayer de s’en passer...
Quant au FLV non centré : à cause du
<!-- saved from url=(0014)about:internet -->
en premier sur la page html ; solution : déplacer cette ligne et la mettre sous la dtd
Tout Lightbox ! 14 avril 2009, par rcaron
Après bien des essais, j’ai réussi à le faire fonctionner sous spip 2.06.
Mon problème, mon envie c’est de changer le modèle de player flv. Comment faire pour avoir, par exemple, celui du plugin lecteur multimédia ?
Deuxième question : Comment faire pour que la fenêtre du flv conserve les proportions du fichier d’origine. Mon film apparaît très aplati...
Merci et bravo pour ce travail
Tout Lightbox ! 14 mai 2009, par AnnaCréa
Site à visiter: album photo, vidéo et son
après bien des essais... je craque un petit peu, biscotte je n’ai pas réussi à le faire fonctionner sous spip 2.07...
Donc SOS (si rcaron pouvait m’expliquer comment il (ou elle) a fait)
peut être que c’est la boucle dans mon squelette qui n’est pas bonne ?
BOUCLE_photo (ARTICLES) id_article=16
j’ai essayé de remplacer ARTICLES par DOCUMENTS, sans succès
j’ai désactivé Nyrocéros dans mes pluggins
j’ai essayé plein d’autres choses, en vain...
c’est mon 1er site en spip, alors je ne dois pas avoir les bons réflexes
Donc, à l’aide
Tout Lightbox ! 15 septembre 2009, par Mathieu
Super ce plugin ... mais j’ai moi aussi des soucis pour le faire tourner sur spip 2.0.9
dans l’espace privé, quand l’article est enregistré, j’ai ceci en début d’article :
<script type="text/javascript">
var box = {};
window.addEvent('domready', function(){
box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});
});
</script>
les images s’affichent en jpg, mais c’est tout, pas d’effet ...
Ca fait trois jours que je cherche ... Une incompatibilité dans les plugins et/ou un plugin manquant chez moi ?
Peux tu faire une liste des plugins utilisés et compatible pour faire un tri ?
D’avance Merci !!
Tout Lightbox ! 31 mai 2009, par meke
Site à visiter: BUG IE 6 et IE 7
Bonjour, Je suis sur la version 2.0.3 de spip.
Le plugin fonctionne sous firefox mais pas sur IE 6 ni IE 7. J’ai verifier si le code javascript apparait dans afficher la source ’il y ait’ et rien ne ce passe l’effet lightbox ne fonctionne pas, cela fait quelques heures que je bloque là dessus et je ne sais pas du tout quoi faire ... je ne comprends pas.
Pourriez vous jeter un coup d’oeil sur l’url ci-contre. Merci d’avance
Tout Lightbox ! 31 mai 2009, par Bernard Blazin
Bonsoir,
J’ai essayé sous Firefox, Safari et Opéra. Le site fonctionne bien.
Je suis sous IE8, il semble que le problème soit le même qu’avec IE6 et IE7.
Un conflit dans le js ? Je ne sais pas trop, il faudrait voir en supprimant les plugins les uns après les autres et en vidant le cache (ne pas oublier le navigateur ctrl+f5 je crois), pour voir ce qui se passe..
Faites ces essais et tenez moi au courant
Bon courage
Tout Lightbox ! 1er juin 2009, par meke
Site à visiter: trouvé l’incompatibilité
Bonjour, je viens de trouver le plugins incompatible : « lecteur Multimédia en flash ». voici le lien : http://www.spip-contrib.net/Lecteur-Multimedia,308
Pour l’instant je l’ai enlever, mais je ne sais pas comment rendre ce plugins compatible du fait que je ne connaisse pas du tout le js. Auriez vous une solution à me proposer ? Merci d’avance et merci de vous êtes penché sur mon problème...
Tout Lightbox ! 6 juin 2009, par meke
Site à visiter: video
bonjour, connaitriez vous un autre plugins vidéo qui fonctionnerai avec le plugins lightbox ?
Tout Lightbox ! 15 juillet 2009, par matieu
Site à visiter: intégrer dans un squelette
J’aimerais intégrer ce plugin directement dans mon squelette et l’appeler dans ma page id_rubrique=16 et ainsi afficher les articles correspondants à cette rubrique. Pouvez-vous me renseigner ?
Taille des vidéos différentes - comment faire ? 5 août 2009, venant de vit94-7-88-171-123-28.fbx.proxad.net
Bonjour Comment faire si on a plusieurs format de vidéos ? J’ai des .flv en 16/9, 4/3 et un format vertical 467x600. Mon idée était de dupliquer le modèle doc_tout.html, d’en faire trois versions, une pour chaque taille en modifiant le rel=« width:460,height:259 » de la balise a. Mais dans l’article comment appeler le bon modèle pour le bon document ?
Utiliser le plugin avec un affichage horizontal 6 août 2009, par coolsim
Bonjour et bravo pour ce super plugin. Je l’ai adapté à un site sur lequel je devais afficher essentiellement des photos dans la galerie photos. Lorsque j’attache une dizaine de photos a l’article et que les vignettes s’affichent verticalement les unes apres les autres, tout devient laid... Alors dans le squelette je me suis inspiré de la dist en faisant ceci :
OOps ! le système me dit que j’ai utiliser des balises interdites quand j’essaie de coller la source...
Cela marche bien, avec des vignettes afficher horizontalement + passage automatique à la ligne. Je me suis dit que cela pourrait interesser certains...
Utiliser le plugin avec un affichage horizontal 6 août 2009, par coolsim
Site à visiter: Pne Benin
Sinon voici l’adresse pour visualiser.
Tout Lightbox ! 10 août 2009, par rahimonline
Site à visiter: aide
Bonjour,
j’ai une page d’accueil qui contient un menu sous d’accordéon, et je veux quand je clique sur un menu, il m’affichera la page de l’article correspondant dans une greybox, alors est ce que j’ai besoin d’installer d’un plugin ou juste j’importe les fichier javascript dans la page sommaire ?
merci d’avance.
playlist et vignettes ? 8 décembre 2009, par luapmada
bonjour, super plugin avec gros potentiel. cpdt (ya decidemment tjrs des cpdt... :), j’aimerais pouvoir 1/ avoir la vignette du mp3 qui s’affiche au lieu de son titre (plus sexy) 2/ comment faire pour que les sons MP3 (d’auteur, non piratés !) se lisent en boucle (docaa, puis docbb etc..) ? enfin, comment se fait-il que mes MP3 se chargent dans un dossier IMG alors qu’ils sont bien reconnus en docxx. Merci d’avance si vous avez le tps pour une reponse ou des pistes.
Tout Lightbox ! swf 22 janvier 2010, venant de APuteaux-153-1-34-220.w82-124.abo.wanadoo.fr
Bonjour,
J’essaie et n’y arrive pas...
- Je veux afficher une image de mon animation. En cliquant dessus l’animation swf s’ouvrirait dans une fenêtre thickbox... Et ça je ne sais pas faire.
- Quel code dans le texte de l’article ?
Merci
Robert
Tout Lightbox ! 7 août 2010, par end
Site à visiter: http://payday-loans.baabit.com/53.html
cash advance loan cash advance loan what is the cost of cialis in Orlando FL 32837 Florida what is the cost of cialis in Orlando FL 32837 Florida generic cialis online in Fort atkinson IA 52144 Iowa generic cialis online in Fort atkinson IA 52144 Iowa buy cialis online no prescription in Mayfield KY 42066 Kentucky buy cialis online no prescription in Mayfield KY 42066 Kentucky bad credit loans unsecured bad credit loans unsecured how to get cialis online in Mantorville MN 55955 Minnesota how to get cialis online in Mantorville MN 55955 Minnesota get cialis online at a tremendous savings in Mandan ND 58554 North Dakota get cialis online at a tremendous savings in Mandan ND 58554 North Dakota
Tout Lightbox ! 19 août 2010, par encouraging
Site à visiter: http://1translator.fwbl.com/267.html
quick cash loan company quick cash loan company student loans with bad credit student loans with bad credit order effexor 75mg order effexor 75mg im single poems im single poems discount cialis uk discount cialis uk female cialis perscription online female cialis perscription online cheapest viagra cheapest viagra online payday loans online payday loans singles and albums singles and albums fast easy bad credit loans fast easy bad credit loans flv player with playlist free download shareware flv player with playlist free download shareware free avy scott streaming porn tube movies free avy scott streaming porn tube movies