Thickbox

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

97 discussions

  • Ca serait sympa de pouvoir ajouter le FORUMULAIRE_NOTATION dans le thickbox

    est ce que quelqu’un a tente :) c’est au dela de mes competences mais ca serait sympe. J’ai regarde et on dirait que c’est tout code en JS et pas en template SPIP donc je suis largue :(

    Répondre à ce message

  • 2

    Bonjour,
    Depuis que je suis passé en 2.1 ce plugin ne fonctionne plus et c’est bien dommage...
    Pour essayer :
    http://association-oxygene.eu/La-conquete-de-l-Ouest.html

    Répondre à ce message

  • 4

    THICKBOX sans JQUERY, c’est possible ?

    En analysant le poids de mes pages, je me suis rendu compte que jquery.js prend presque 300 ko à lui tout seul. C’est énorme !

    J’ai désactivé JQUERY en partie public grâce au couteau suisse, mais alors Thickbox ne fonctionne plus.

    Ne serait-il pas possible d’adapter ce plugin pour éviter l’emploi de jquery.js ?
    ou du moins qu’il embarque uniquement les fonctions qu’il utilise ?

    • Finalement, j’ai résolu mon problème en activant la compression des js par mon serveur.
      Pour info, la compression par SPIP ne fait que réunir plusieurs js en un seul. Le gain n’est pas significatif.
      Il est préférable d’activer la compression gzip au niveau serveur.

    • Non il n’est pas préférable d’activer la compression gzip au niveau serveur, il faut faire les deux !
      Côté spip, les fichiers sont minifiés et concaténés : cela permet de remplacer X requêtes par une seule, et d’avoir un script réduit. Côté serveur gzip permet de compresser ce script.

      Les deux sont utiles et complémentaires.

    • Bonjour Cédric et Merci

      Il faudrait le dire au webmaster de forum.spip.org car cette compression ne semble pas activée.
      Et elle ne l’était pas non plus il y a quelques jours sur spip-contrib.

      D’où ma conclusion erronée.

    • En effet pour forum.spip.org ; je ne m’en occupe pas donc je ne sais pas les raisons. Par contre, pour spip-contrib, je t’assure que cette compression est bien active depuis longtemps :)

    Répondre à ce message

  • Bonjour,
    Il est possible de combiner Thickbox avec Flash Diaporama, cet-a-dire, quand on fait click sur l’image affiché avec Flash Diaporama alors l’image prend l’effet Thickbox .

    Répondre à ce message

  • 1

    Bonjour,

    Apparemment, le plug-in a été mis à jour pour la version 2.1. En tout cas si l’on en croit l’entête de l’article. Quelqu’un pourrait-il me confirmer que cela fonctionne contrairement à ce que l’on peut lire dans les commentaires.

    D’avance merci.

    • Après test sur une version en production, le passage sur la 2.1 se fait maintenant sans problème.

    Répondre à ce message

  • 7
    Pascal

    J’ai aussi un problème depuis que je suis passé en 2.1 ; Thickbox est ignoré (le plugin est pour tant coché comme acif). Merci.

    • Je rencontre aussi le même problème que Pascal sur Thickbox depuis que suis passé en Spip 2.1 .
      La différence c’est que ça fonctionne uniquement dans la partie privé.
      J’ai vidé le cache, rien n’y fait et je n’ai plus d’idée, ai-je oublié ou loupé quelque chose ?
      Si vous avez une idée je suis preneur.
      Merci à tous
      Iwpck

    • Avez-vous mise à jour le plugin ?

    • C’est la version 2 de Thickbox !!!
      Iwpck

    • Bernard

      Même problème pour moi. Dans le code source je ne vois d’ailleurs pas la class=« thickbox » du document.

    • skycarper

      Même problème pour moi ! depuis passage à la version 2.1 !

    • Bernard

      Je crois qu’il faut aller voir du côté de Mediabox

      Je n’utilise pas le plugin SPIP mais juste le plugin JQuery ColorBox

    • C’est exactement ce que j’ai fais et pour moi « Mediabox » est très adapté à mes attentes.

    Répondre à ce message

  • bonjour
    lorsque l’affichage de l’image se fait, es ce que c’est possible d’avoir le diaporama qui se lance automatiquement sans avoir à cliquer sur [Diaporama] ?

    Répondre à ce message

  • 4

    Bonjour,

    depuis que j’ai installé le plugin acces restreint3 sur mon site, le plugin Thickbox ne fonctionne plus.
    Je suis sous SPIP 2.0.10
    voici ce que j’ai à la place de l’affichage en grand de mon image, c’est embêtant.
    Qui a une solution ?

    • J’ai remarqué cet erreur avec accès restreint et la protection des documents activé.

      Si tu désactive cette protection, cela redevient normal, mais évidemment si tu as besoins de la protection des document, ce poste ne te sers à rien.

      Rainer

    • Olivier

      Je rencontre le même problème, et le fait de désactiver « acces restreint3 » + vider le cache ne semble pas résoudre le problème, par contre la désactivation de la protection des documents résoud le problème... a creuser (merci pour le l’info)

    • Comme alternative qui marche avec la protection des documents, il y a nyroceros

    • En effet Rainer, je l’ai installé, ça marche !
      Je ne connaissais pas ce plugin.

      Merci pour l’info.

    Répondre à ce message

  • Bonjour,

    Thickbox fonctionne bien si je mets mes images dans le portfolio.
    Mais si je mets des <docxx|center> ou <imgNN|lien=#|lien_class=thickbox> comme indiqué sur spip-zone.info dans mon article ça ne fonctionne pas. dans le premier cas, pas de lien ; dans le second, l’image n’apparait pas (juste l’amin de chargement).

    j’ai dû rater quelque chose, quelqu’un peut’il m’aider ?
    je suis sous spip 2.1

    Merci

    Répondre à ce message

  • Bonjour,
    J’utilise Thickbox pour une galerie toute simple : vignette et ouverture des images en thickbox façon diaporama.
    Sauriez vous me dire comment je pourrais faire pou que le diaporama thickbox soit ouvert par default à l’ouverture de la page, montrant en fait la photo 1 ?

    Merci

    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