Thickbox

Publié le : 20 avril 2007 – Dernière modification le 21 décembre 2021 – par BoOz – 190 commentaires

1
2
3
4
5
66 votes
Le plugin Thickbox pour SPIP, qui permet d’afficher une image avec un effet de présentation à la mode.

Voici le plugin Thickbox pour SPIP.

Présentation

Il s’agit d’une adaptation du code original de Cody Lindley qui permet d’afficher une image avec un effet de présentation à la mode qui se met en route lorsque l’image est cliquée. Sur le même principe, on peut également afficher des fenêtre dites « modales », c’est à dire des pop-up HTML.

Le script se déclenche sur les images par exemple appelées dans un texte par <doc53|center>.

Sur le portfolio de SPIP, ca fonctionne directement comme une galerie d’images (précédant, suivant diaporama etc).

Installation

Installer le plugin

L’installation du plugin s’effectue comme pour tous les autres plugins. Il suffit de récuperer le zip, de le décompresser dans son répertoire « plugins », puis d’aller l’activer dans la page de gestion des plugins.

-  Installer un plugin

Toutes les informations

Télécharger le script

Discussion

5 ans 1 an 3 mois Sans limite
par date
Filtrer

97 discussions

  • Darkurion

    Bonjour,

    J’utilise le squelettes de sandnyko qui utilise entre autres, le plugin « Boutonstextes » pour augmenter et diminuer la taille du texte.

    Actuellement, je n’arrive pas à utilisez le plugin thickbox en meme temps que le plugin « boutonstextes ».
    Lorsque j’essaye d’activer les deux, tous mes plugins sont desactivés.

    Quelqu’un aurait-il le même problème ? Quelqu’un aurait-il la solution ?

    Bien à vous,

    David

    Répondre à ce message

  • marjorie

    Je rectifie... il semblerait que j’ai la mémoire un peu courte. J’avais fait des tests avec thickbox version 3.1 en ajoutant dans inc-head le lien vers le js et le css et dans la boucle portfolio le class=« thickbox » comme spécifié dans la page de demo de thickbox... ça ne marchait pas tout seul, mais ça fonctionne depuis que j’ai rajouté le plugin thickbox.... et avec la nouvelle version !

    Répondre à ce message

  • marjorie

    j’ai installé le plugin sur une version 2.0 beta pour tester, et impeccable, aucun souci en apparence. j’ai même remplacé le thickbox.js par le nouveau js fourni pour la version 3 de thickbox et idem pour la feuille de style, et tout s’est très bien passé...

    Répondre à ce message

  • 5
    Ludovic Bablon

    Désolé mais j’ai pas compris les deux réponses - trop expertes pour moi - que vous me faites.

    Quelqu’un d’expérimenté pourrait me guider pendant un quart d’heure par MSN à ludoeducatif chez gmail.com ?

    Je sais mettre le nez dans du code spip ou css, pour peu que je comprenne ce que j’ai à faire.

    L’implémentation correcte de Thickbox avec mon Spip 2 / Multiflex est très importante pour mon site - essentielle et très élégante proposition de feuilletage de mes livres en ligne...

    Merci d’avance !

    • Ludovic Bablon

      Bon alors pour ceux qui auraient le même besoin que moi :

      ça marche !

      Pas besoin d’ajouter quelque part le code cité ci-dessous (ou alors pour d’autres besoins)

      ce qu’il faut faire c’est JOINDRE les documents mais NE PAS les insérer dans l’article - à cette condition, le plugin affiche bien des vignettes cliquables...

    • Cerdic

      Bonjour,
      je tente de faire fonctionner le plugin sur un site spip 1.9.3dev. J’ai installé puis activé le plugin.
      lorsque je place le code suivant (issu de spip-zone)

      <a href="#TB_inline?height=300&width=300&inlineId=monContenu" title="Super affichage de HTML" class="thickbox">Ouvir thickbox</a> 
<div id="monContenu" style="display:none">
...
ici le html en question
...
</div>

      je vois bien apparaitre le lien, mais rien ne se passe lorsque je clique dessus.

      si j’essai l’exemple d’une page web placée dans le fenêtre, celle-ci s’ouvre en fait de manière classique.

      si vous avez des idées sur la source du problème, je suis preneur
      merci d’avance

    • je m’aperçois que le code entré a été interprété...
      comment placer du code dans ce message ??

    • Cerdic

      j’ai corrigé. Il faut ecrire <cadre class=’spip’>...</cadre>

    • merci ... je vais pouvoir maintenant avoir des réponses à mon problème !

    Répondre à ce message

  • 1
    Ludovic Bablon

    Bonjour,
    j’utilise Spip 2.0, squelettes Multiflex 3, et le plugin Thickbox.

    Je ne comprends pas pourquoi par exemple sur http://www.ludovicbablon.com/spip.php?article10 le plugin ne marche pas... l’ouverture des images fonctionne, par contre les vignettes affichées sont des icônes standard.

    J’aurais oublié quelque chose ?

    • J’utilise la boucle suivante(donnée par la dist) et ça marche :

      [(#REM) Portfolio : album d'images ]
	<B_documents_portfolio>
		<h5>Diaporama</h5>
	<BOUCLE_documents_portfolio(DOCUMENTS) {id_article}
	{mode=document}
	{extension IN png,jpg,gif}
	{par num titre, date}
	{doublons}
	{vu=non}>[
		<a href="(#URL_DOCUMENT)" type="#MIME_TYPE"
		onclick="location.href='[(#URL_ARTICLE
			|parametre_url{id_document,#ID_DOCUMENT}
			)]"[
		class="(#EXPOSER)"][
		title="(#TITRE|couper{80}|texte_backend)"]>[(#FICHIER
			|image_reduire{0,60}
			|inserer_attribut{class,spip_logos}
			|inserer_attribut{alt,[(#TITRE|couper{80}|texte_backend)]})]</a>
	]</BOUCLE_documents_portfolio>
	</B_documents_portfolio>

      Cordialement.
      Jean-Pierre

    Répondre à ce message

  • 3
    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...

    • Il me semble qu’il faut ajouter les images en documents joint et non en image.

      Cela fonctionne sur les vignettes du portfolio.

      Je suis pas sur car je ne suis pas un pro mais tu peux essayer car pour moi ca fonctionne.

    • comteg

      Bonjour

      J’ai ajouter les images via « ajouter un document » dans la rédaction de l’article ainsi que via le portfolio, cela fonctionne bien dans l’espace privé, par contre rien dans l’espace publique...

      Des idées ??????

    • Eric

      J’ai exactement le même prolème : affichage ok en admin mais pas en mode public ! As-tu eu une réponse ?

    Répondre à ce message

  • onaiel

    Il n’a pas l’air de fonctionner avec Firefox 3 !

    Répondre à ce message

  • aire42

    J’aimerais rajouter un bouton « Imprimer » dans la fenêtre qui apparaît en surimpression, à coté du bouton « Fermer ».
    Je crois comprendre qu’il faut toucher le javascript thickbox.js mais je ne sais pas faire :-(

    Si quelqu’un peut m’indiquer la marche à suivre, ce serait top ;-)

    Répondre à ce message

  • hg

    Bonjour,

    Merci pour ce plugin qui fonctionne très bien. mais vue la configuration de mon site qui utilise une iframe pour afficher tous les articles j’ai 2 petites questions :

    -  Peut-on dimensionner l’arrière plan opaque à des valeurs autres que l’intégralité de la page courante
    -  Peut-on placer le diaporama en haut de la fenêtre et non au centre comment c’est le cas par défaut ?

    Merci d’avance

    Répondre à ce message

  • yvonig

    Bonjour, et félicitation, encore une démonstration que le libre n’a rien à envier à l’autre monde !!!
    Mais j’ai quand même un petit souci,le site fonctionne chez moi parfaitement sur toutes les versions de ie, firefox et autre netscape...
    Mais sur certaine machines (avec ie au moins !), lorsque l’on clique sur une vignette le fond noir arrive, affiche la photo un quart de seconde et puis s’éclipse....
    Vous pouvez peut-être le constater par vous-même sur labodegadelsol.com
    merci d’avance !!

    Répondre à ce message

Ajouter un commentaire

Avant de faire part d’un problème sur un plugin X, merci de lire ce qui suit :

  • Désactiver tous les plugins que vous ne voulez pas tester afin de vous assurer que le bug vient bien du plugin X. Cela vous évitera d’écrire sur le forum d’une contribution qui n’est finalement pas en cause.
  • Cherchez et notez les numéros de version de tout ce qui est en place au moment du test :
    • version de SPIP, en bas de la partie privée
    • version du plugin testé et des éventuels plugins nécessités
    • version de PHP (exec=info en partie privée)
    • version de MySQL / SQLite
  • Si votre problème concerne la partie publique de votre site, donnez une URL où le bug est visible, pour que les gens puissent voir par eux-mêmes.
  • En cas de page blanche, merci d’activer l’affichage des erreurs, et d’indiquer ensuite l’erreur qui apparaît.

Merci d’avance pour les personnes qui vous aideront !

Par ailleurs, n’oubliez pas que les contributeurs et contributrices ont une vie en dehors de SPIP.

Qui êtes-vous ?
[Se connecter]

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici

Ce champ accepte les raccourcis SPIP {{gras}} {italique} -*liste [texte->url] <quote> <code> et le code HTML <q> <del> <ins>. Pour créer des paragraphes, laissez simplement des lignes vides.

Ajouter un document

Suivre les commentaires : RSS 2.0 | Atom