Accueil du site > plugins > Plugin Thickbox

Plugin Thickbox

vendredi 19 janvier 2007, par BoOz

Effet Thickbox pour les images avec SPIP

Voici le plugin thickbox pour SPIP.

Il s’agit d’une adaptation du code original de Cody Lindley qui permet d’afficher une image <doc53|center> [1] avec un effet de présentation à la mode qui se met en route lorsque l’image est cliquée.


badge SPIP: spip-feria

Avec le porte folio de SPIP, ca fonctionne directement comme une galerie d’images (précédant, suivant diaporama etc). Vous pouvez lancer la démo en cliquant sur les images en dessous de ce texte.

Mise en place dans les squelettes

préciser le type de document dans le lien



<a href ="url de l'image affichée dans la thickbox" type="image/jpeg">

<img src="votre url" alt="le titre à afficher dans la thickbox" />

</a>

ou bien préciser la class thickbox dans le lien



<a href ="url affichée par thickbox" class="thickbox">

<img src="votre url" alt="le titre à afficher dans la thickbox"/>

</a>

Mais thickbox, c’est aussi utilisé pour afficher du html

Cliquer ici pour voir un exemple

Dans cet exemple le HTML est caché dans la page courante avec le style CSS display:none :

Voir un exemple avec des paragraphes

Et on peut également afficher une page dans un Iframe

Voir une page dans un Iframe

Ou encore une de page du serveur appelée en ajax

Voir un exemple de page appelée en ajax

Télécharger le plugin pour spip

(spip 1.9.2)

Code source sur spip-zone

Portfolio

Documents joints

Sarko Ségo Love (MP3 - 736.3 ko)

Polemix et la voix off

Notes

[1] la notation , ou bien <imgNN|lien=#|lien_class=thickbox> fonctionne également

166 Messages de forum

Ecran noir sur page blanche
17 octobre 2008 01:07

Coucou

super ce plugin.

Mais j’ai un bug génant. la thickox s’ouvre bien comme il faut mais quand je clique sur le bouton "fermer", le carré de contenu se referme bien, mais il reste comme un calque sombre (la div) sur la page originale qui se retrouve bloquer. En d’autres termes la boite ne se ferme qu’à moitié. il reste un écran noir que je ne peux fermer. Il me faut renouveller la page.... Heu, est-ce que je suis claire dans mon explication ? :) Le site est en local pour l’instant je ne peux donner de lien.
Bug 1.9.2e
16 octobre 2008 14:04

Bonjour,

Avec la version 1.9.2e de SPIP, je n’arrive pas à afficher le contenu d’une div, même en reprenant scrupuleusement le code donné en exemple.

La thickbox se charge mais le contenu est vide. Tout blanc.

Est-ce que quelqu’un connait aussi ce problème ?
Plugin Thickbox : 3 galeries dans le même article
16 octobre 2008 11:34, par arriflex

Bonjour et merci pour ce plugin génial que j’ai mis en place.

Je souhaiterais faire 3 galeries indépendantes dans la même page qui est une rubrique affichant le contenu de 3 articles qui ont en chacun 10 images "documents".

Donc, j’ai 30 images que je voudrais afficher en 3 galeries A, B et C de 10 images chacune.

Or, comme toutes mes images ont class="thickbox", les 3 galeries A, B et C chargent les 30 images et ne s’arrêtent qu’au bout de la 30ème.
Je voudrais donc que la galerie "A" affiche les images 1 à 10, que la "B" affiche 11 à 20 et la "C" 21 à 30, bien que les 30 images soient dans la même page.

Est-ce que vous sauriez comment je peux faire ?

Merci beaucoup de toute aide...
Plugin Thickbox
30 août 2008 05:04, par B00lay

Bonjour,

J’ai implémenté ce plugin sur un site en cours de réalisation et il marche très bien.

J’essaie de rendre un peu plus joli et ergonomique les flèches de navigation ’précédent / suivant). Y-a-t-il un moyen de remplacer ces < > par des images comme ceux fournis avec le plugin ? Quel fichier/code dois-je modifier pour arriver a ça ?

Merci d’avance.
- Plugin Thickbox 3 septembre 2008 13:54, par B00lay
  
  J’ai oublié de preciser que bidoullier avec la propriete background sur #TB_next et #TB_prev n’a rien donné.
  
  J’ai essayé de mettre en dur les images dans thickbox.js mais rien n’y fait non plus et le Thickbox cesse de fonctionner :( Peut-être un souci de chemin ?!
Plugin Thickbox
25 juillet 2008 11:59, par comteg

Bonjour

Je suis actuellement sur un projet de squelette de site internet.

J’ai installé :
La version SPIP 1.9.2d [11132]
La dernière version du plugin sur la page de présentation.
#insert_head est bien installé (la preuve c’est que j’ai l’appel dans ma page article du plugin)
Les images sont mise dans mes articles via "ajouter un document" —>< doc53|center >

Le tout fonctionne bien dans la partie administration.

Par contre côté public, gloup cela ouvre l’image en plus grand mais j’ai l’impression que le script ne se lance pas (que ce soit dans une page rubrique ou article)

Pour tester : Par ici

Peut être avez-vous la solution...
afficher du html
30 juin 2008 16:02, par E. Tanguy

alors par contre ça, ça ne marche pas du tout

j’ai bien le titre "Super affichage de HTML" que je peux changer sans problème

mais les textes du div monContenu n’apparaît pas ? alors qu’ici je le vois très bien...

Voir en ligne : TRIPTYQ.org version beta
afficher du html
30 juin 2008 16:00

alors par contre ça, ça ne marche pas du tout

j’ai bien le titre "Super affichage de HTML" que je peux changer sans problème

mais les textes du div monContenu n’apparaît pas ? alors qu’ici je le vois très bien...
lecteur flash - ça bave
30 juin 2008 11:17, par E. Tanguy

bonjour,

j’utilise le plugin Thickbox, qui marche très bien, je suis sur la version 1.9.2d [11132] mais sur Firefox 3 et précédente la vidéo passe toujours dessus le cadre Thickbox alors que sur IE ça se passe bien.

voir : http://qcq.free.fr/ en cliquant sur newsletter sur le menu du haut...

est-ce dû à une erreur de ma part ? sans doute (puisque ici ça ne bave pas) mais laquelle ?

Merci

Erwan
- lecteur flash - ça bave 30 juin 2008 11:42, par E. Tanguy
  
  je me réponds à moi-même et pour ceux que ça interesse voici mon code :
  
  <object width="207" height="166"><param name="wmode" value="opaque" /></param> <param name="movie" value="[(#URL_DOCUMENT)]&colors=background:FF1A00;glow:FF6B6B;foreground:FFFFFF;special:000000;&related=1" /></param> <param name="allowfullscreen" value="true" /></param> <param name="allowScriptAccess" value="always"></param> <embed src="[(#URL_DOCUMENT)]&colors=background:FF1A00;glow:FF6B6B;foreground:FFFFFF;special:000000;&related=1" type="application/x-shockwave-flash" width="207" height="166" allowfullscreen="true" allowScriptAccess="always" wmode="opaque"></embed> </object>
  
  j’ai rajouté <param name="wmode" value="opaque" /></param> et wmode="opaque" dans embed
Afficher du html caché, avec Thickbox
29 juin 2008 12:52

Bonjour, Pourquoi un affichage Thickbox de html, caché dans la page avec le style="display:none". Soit : texte du lien
html à afficher
s’affiche sans le html contenu dans le div id="monContenu". Merci Antoine
- Afficher du html caché, avec Thickbox 29 juin 2008 12:54
  
  Je repose correctement ma question qui ne trouve toujours pas de solution. Pourquoi un affichage Thickbox de html, caché dans la page avec le style="display:none". Soit :
  
  <a href="#TB_inline?height=300&width=300&inlineId=monContenu" title="Superaffichage de HTML" class="thickbox">texte du lien</a> <div id="monContenu" style="display:none">html à afficher</div>
  
  s’affiche sans le html contenu dans le div id="monContenu".
  
  Merci Antoine
Utilisation du pluging thickbox dans une rubrique
24 juin 2008 17:56, par lilian

Bonjour, est-il possible d’utiliser ce plugin dans une rubrique ? Si oui, quelle est l’astuce ?
Plugin Thickbox
15 juin 2008 18:47, par Antoine

Comment faire pour gérer plusieurs portfolios dans un seul article avec Thickbox. Utile pour présenter des documents classés par thème dans un article. Merci
Plugin Thickbox
17 mai 2008 15:38, par André

Salut,

j’utilise Thickbox sans problème et c’est vraiment chouette : j’ai un peu modifié les css par goût.

Mon (minuscule) problème est le suivant. J’importe mes images comme doc. J’en place 2 ou 3 dans l’article. Les autres en portfolio. Je donne un titre à chaque image. Ce titre n’apparait dans Thickbox que pour les images du portfolio. Pour celles placées dans l’article c’est le type et lepoids de l’image qui apparâit. Je voudrais bien sûr que toutes les images aient leur titre.

Si vous aviez une idée... Merci d’y réfléchir. Exemple http://www.malem-auder.org/spip.php ?article10

André

Voir en ligne : Malem-Auder
Téléchargement
11 mai 2008 17:15, par Gilles

Bonjour,

J’utilise avec joie ce super plugin thickbox2 v0.3 sur un site spip 1.9.2d. Il marche trés bien sauf qu’il y a un lien pour télécharger la photo sous la photo lorsque que l’effet est activé et que ce lien ne marche pas... Comment faire pour que ce lien marche ou pour le supprimer ?

Merci d’avance de votre aide !
- Téléchargement 1er juin 2008 16:56
  
  En fait le problème venait d’une erreur de mon squelette. Maintenant, j’ai mis title="#TITRE" dans la balise du lien et j’ai le titre de l’image qui apparait à gauche sous la photo !
Plugin Thickbox et espace entre les lignes du portfolio
9 mai 2008 11:17, par nathbni

Bonjour,

Je poste ce message en désespoir de cause. J’utilise thickbox sur un squelette Sandnyko modifié par mes soins, et quand mon portfolio s’affiche sur Opera, je n’ai pas d’espacement entre les lignes de vignettes (il y a bien un espace entre chaque vignette à gauche/droite) et seulement sous Opera (avec IE et Firefox, l’espacement existe même s’il est plus petit que ce que je voudrais). Je vois bien que c’est un pb de css, mais j’ai tout regardé (les css de spip (1.9.2.d), le mien, en supprimant des bouts de code pour voir s’il y avait une différence... Rien, je sèche... Quelqu’un a rencontré ce pb ? Où est-ce qu’on change le style de bordures, marges... des vignettes du portfolio ? C’est où ?! Merci bôcoup !
Plugin Thickbox et ecrire
7 mai 2008 16:20

Bonjour,

Lorsque je me connecte comme admin, pas de problème de fonctionnement. Lorsque qu’un rédacteur ou un autre administrateur tente de se connecter sur la partie privée il a le message suivant :

Fatal error : Call to undefined function url_absolue() in /.../www/home/plugins/thickbox2/head.php on line 20

Mais cette erreur n’est pas systématique.

Une idée ?

Il s’agit de la dernière version de thickbox2 sous spip 1.9.2

Merci de votre aide
- Plugin Thickbox et ecrire 10 mai 2008 17:35, par XD
  
  Idem.
  
  Mais je n’ai qu’un compte, et c’est l’admin.
  
  C’est très aléatoire, hébergeur : OVH.
  
  Une idée ?
  
  Partie publique fonctionne parfaitement bien en revanche.
  - Plugin Thickbox et ecrire 12 mai 2008 23:50, par BoOz
    
    essaie ce changement dans le code ?
    - Plugin Thickbox et ecrire 13 mai 2008 01:11, par BoOz
      
      et ca , ou mets a jour.
Le plugin Thickbox ne fonctionne pas chez moi
3 mai 2008 18:34

Bonjour,

Je souhaite installer ce plugin sur un de mes sites mais celui-ci ne fonctionne pas.
Bien qu’ayant plusieurs images en doc, seule celle que j’assigne en lien apparaît lorsque je clique dessus.
J’ai bien mis l’insert_head.
A noter que cela fonctionne bien dans l’interface d’admin.
Auriez-vous une solution pour moi ?
Adresse de la page : http://www.bsavigny3d.fr/spip.php ?article15.
Version de SPIP : SPIP 1.9.2d.

Je vous remercie par avance. Luc
Adapter le plugin Thickbox
22 mars 2008 18:27, par mluce

Bonjour, J’ai installé le plugin lightbox mais malheureusement cela ne fonctionne que lorsque je vais sur le lien http://www.monsite.com/spip.php ?article9. Lorsque j’essaie d’intégrer le texte de l’article 9 à un squelette, le lien ne marche pas. D’ailleurs je dois avouer que je ne comprends pas bien l’explicatif ci-dessus sur l’intégration de thickbox dans un squelette. Quelqu’un pourrait-il me dire comment je dois faire exactement pour que le document de l’article 9 apparaisse sur la page de mon squelette AVEC l’effet thickbox ? Merci d’avance !
comportement différent entre GIF et JPG ?
22 mars 2008 10:23, par SPQR

J’utilise cet excellent plugin depuis quelques temps mais jusque là j’utilisais surtout des JPG. Je viens de constater une curiosité avec les GIF. Si le GIF est inclus dans le corps de l’article avec une balise , rien à redire mais si le même GIF n’est pas inclus dans le corps mais affiché via le portfolio, le titre de l’image ne s’affiche plus, ni au survol de la vignette ni dans le "pop-up" thickbox. Je n’observe pas ce dysfonctionnement pour un JPG avec les mêmes squelettes. Or les GIF en question sont des GIF transparents, donc la conversion en JPG est à exclure.

Si quelqu’un aune idée, d’avance merci.
Formulaire de contact et Thickbox
18 mars 2008 13:51, par Ladyweb

Bonjour,

J’ai essayé d’utiliser Thickbox pour le formulaire de contact. Le formulaire apparaît bien. Mais quand on soumet le formulaire, le formulaire disparaît du centre de la page. Il faut recliquer sur le lien pour voir le résultat du formulaire.

Quelqu’un a déjà testé de le faire et a réussi employer thickbox pour les formulaires ?

Ce plugin est superbe. Merci.
Plugin Thickbox
19 février 2008 16:29, par schattenparker

Salut,

Merci pour ce plugin ! Sur mon site, ca fonctionne sans problemes.

Ce que je ne comprends pas (car mon francais n’est pas assez bien), c’est s’il est possible de voir toutes les images d’un article different dans la thickbox.

Si c’est possible, qu’est-ce que je dois faire pour obtenir ca ?

Merci pour vos reponses, Holger (schattenparker)
Plugin Thickbox
4 février 2008 22:13, par Marithéo

Bonsoir, ce plugin m’interesse, mais je ne trouve aucun tutoriel qui explique à un néophite de façon tres simple comment s’en servir , pas à pas. Merci de penser à nous. J’espère que quelqu’un prendre 5 mins pour me guider.
- Plugin Thickbox 14 février 2008 09:50, par L’instit
  
  Salut
  
  C’est très simple. Une fois le plugin installé et activé, il suffit de mettre dans son article des images en tant que document et pas en tant qu’image et l’effet s’applique automatiquement.
  - Plugin Thickbox 5 avril 2008 00:00, par aire42
    
    Bonsoir,
    
    un truc qui pourra peut-être aider :
    j’ai eu le même souci pour mettre en place l’effet dans mes pages (ça marchait très bien avec les squelettes par défaut et dans la partie ADMIN mais pas avec mes squelettes)
    solution : dans mes squelettes j’ai inclus après la balise la ligne suivante :
    
    [(#REM) Balise permettant aux plugins d'inserer des appels javascript ou css ] #INSERT_HEAD
    
    et tout marche super bien, ce plugin est génial
Plugin Thickbox v2
2 février 2008 20:28, par paolo

Bonsoir !

Oui ça marche bien.

Il y a quelques textes dans thickbox.js (next picture, Fermer) qu’il serait bien de pouvoir traduire avec des fichiers langues. Y a-t-il un moyen pour le faire ?
Plugin Thickbox
16 janvier 2008 21:05, par Samuel

Fonctionne très bien. Juste une chose : sous safari 3.0.4 mac, l’image dans la tickbox est au focus, du coup on a un vilain bord bleu. Aussi quand on passe à une image suivante, la page html derrière la thickbox monte chaque fois d’un cran.
Voir en ligne : Photos de la parade à Bologne - Boîte à Clous, Marionnettes et théâtre de rue
- Plugin Thickbox 10 mars 2008 20:51, par macsou
  
  Bonjour,
  
  J’ai le même problème que vous.
  Avez-vous trouvé une solution ?
  Merci
  A+++++
  
  PS : je n’ai pas d’URL à vous donner car je suis en cours d’élaboration en local.
- Plugin Thickbox 7 juillet 2008 22:44, par dinobib
  
  Je n’ai pas de probléme de la page qui remonte mais ma page de test n’est pas grande.
  
  Par contre, j’ai trouvé une solution pour le bord bleu, il faut rajouter la propriété css outline : none ; dans le fichier thickbox.css.
  
  Ce qui donne
  
  #TB_window a:link {color: #666666; outline: none;}
  
  Et au revoir la bordure bleu
Plugin Thickbox
8 janvier 2008 20:29, par jacques

Chouette plugin , je l’utilise dans le squelette sarka 2.0.2 avec 1 spip 1.9.2C toutefois je n’ai pas le zoom or je constate que sur les vignettes en exemples certaines l’ont d’autre pas. Comme notre site est un site scolaire où des photos sont déjà placées et d’autres à venirs , l’effet zoom nous interesserait

Que dois-je faire pour l’avoir ou que n’ai-je pas fait ?
- Plugin Thickbox 11 janvier 2008 11:34
  
  Bonjour,
  
  Le zoom n’est actif que si l’image d’origine est trop grande pour être affichée à sa taille réelle : si l’affichage ne retaille pas l’image pour être contenue dans la fenêtre, il n’y aura pas de zoom.
  
  Bernard.
Plugin Thickbox
8 janvier 2008 01:40, par Teddy

Bonjour,

Merci pour ce plugin. Toutefois en comparaison à la version présente sur le site de l’auteur, il n’est pas possible, apparemment, de faire un groupe d’images dans la page. Est-ce un choix ?

Est-ce qu’une mise à jour de ce plugin avec Thickbox 3.1 est prévu ? (J’ai essayé de faire « un mix » entre votre plugin et la version Thickbox 3.1 sans succès...)
- Plugin Thickbox 4 mars 2008 16:03
  
  ... j’ai le même problème, si quelqu’un passait par là pour nous guider ce serait cooool :)
  Voir en ligne : Immobilier
Plugin Thickbox
26 décembre 2007 11:12, par Jonathan

Sous SPIP 1.9.2 avec le squelette @Brest, aucun résultat avec thickbox2.

Quelqu’un aurait le même souci ?
- Plugin Thickbox 2 janvier 2008 23:48, par Didier
  
  J’ai le même soucis .. Sous Internet Explorer ...Les fond gris avec le chargement qui tourne sans arrêt
  
  Sous Firefox ..Le chargement Fond Gris et le titre de la diapo en bas à gauche suivit de close..
  
  J’ai déconnecté le plugin
  
  Voir en ligne : Vitry sur Loire
  - Plugin Thickbox 16 février 2008 20:03
    
    Si tu as installé le plugin dw2 il faut aller dans "configuration" du plugin et dans "Forcer URL DOCUMENT" mettre "non" Cela peux être ça
Clic sur la vignette
11 décembre 2007 09:07, par Serge36

Dans ma galerie, ce plugin fonctionnait parfaitement jusqu’a présent et depuis dimanche, lorsque je clique sur une vignette, j’obtiens bien le fond transparent gris foncé avec la "roue qui tourne mais il n’y a rien d’autre qui s’affiche.

Quelqu’un a-t-il une idée de ce problème ?

Merci

http://www.clubdesamiscyclos.fr
- Clic sur la vignette 19 janvier 2008 03:18, par chriscor
  
  Bonjour, Moi aussi j’ai le meme soucis....j’avais le plugin Walma d’installé et je pensais qu’il pouvais y avoir conflit mais apres desactivation de Walma...toujours pareil !!! Pourtant ça marche dans l’espace privé... Est une histoire de boucle ou d’ a declarer dans "article.html" ou quelque chose du meme genre ?
  Voir en ligne : exemple sur mon site - ArtiBioCom
fonctionne pas sur Opéra Mac
7 décembre 2007 13:45

Bonjour, il semblerait que le plugin ne fonctionne pas sur Opéra Mac. Lorsqu’on clique sur la vignette on obtient bien le fond transparent gris foncé mais il n’y a rien d’autre qui s’affiche. En activant la console d’erreur javascript du navigateur, il y a bien confirmation que cela est dû au javascript. Quelqu’un aurait-il une petite idée ? Merci et bonne fêtes de fin d’années à vous toutes et tous :)
probleme Plugin Thickbox
30 novembre 2007 15:23, par Admin equipe UNSS Voile

Bonjour,

j’ai installer ce plugin et j’ai un probleme il est bien actifs car fonctionne dans l’espace privé et sur les breves dans l’espace publics mais pas dans les articles.

J’ai toujours quand je clique sur la miniature un envoie vers la grande image.

je suppose qu’il faut rajouter du code dans le squellette mais quoi ? Je trouve sous spip 1.9.2c avec les squelettes yaou Info.

Merci d’avance de votre aide
Plugin Thickbox
21 novembre 2007 12:07, par Seb

Bonjour à tous,

est-ce qu’il est possible (je suis un néophyte dans le monde SPIP !) de faire en sorte que les logos d’articles puissent s’agrandir comme les images en portfolio d’un article, bref de soumettre ces logos à thickbox. (qui fonctionne bien chez moi par ailleurs...)

Je suis sous Sarka Spip 2.0.2 avec un SPIP 1.9.2c

Je continue à chercher en espérant avoir une réponse à cette menue modif’, ce qui me ferait gagner du temps...

Pour le site Po(e)s(i)tur(es)