Thickbox


Thickbox est un widget, écrit en JavaScript, qui permet de présenter ses illustrations sous forme de miniatures, sur lesquelles il suffit de cliquer pour les agrandir.

Il faut saisir dans l’onglet code les lignes suivantes :

 

<a href= »http://monsite.com/monrepertoire/monimage.jpg » class= »thickbox »>
<img src= »http://monsite.com/monrepertoire/monimage.jpg » class= »alignleft » height= »100″ width= »100″ /></a>

La taille de l’image est évidemment à préciser en fonction de l’effet souhaité. Dans la deuxième ligne, j’ai indiqué class= »alignleft » pour aligner l’image à gauche ; pour l’aligner à droite, il faut indiquer class= »alignright » ; on peut ajouter class= »noborder » pour supprimer l’encadrement de l’image, ce qui donnerait alors :

<a href= »http://monsite.com/monrepertoire/monimage.jpg » class= »thickbox »>
<img src= »http://monsite.com/monrepertoire/monimage.jpg » class= »alignleft noborder » height= »100″ width= »100″ /></a>

Il est parfois nécessaire d’ajouter un espace si le texte saisi est insuffisant pour occuper toute la hauteur de l’image. C’est ce que j’ai fait au début de cet article. Après le texte « Il faut saisir dans l’onglet code les lignes suivantes : », j’ai ajouté <p class= »clear »></p>.

Attention : une fois qu’est saisi le code ci-dessus, il ne faut pas laisser d’espace avec le texte qui suit :

<a href= »http://monsite.com/monrepertoire/monimage.jpg » class= »thickbox »>
<img src= »http://monsite.com/monrepertoire/monimage.jpg » class= »alignleft noborder » height= »100″ width= »100″ /></a>Le texte explicatif doit être collé aux lignes de code.


Ecrit par Lise - Site

4 commentaires

Ecrire un commentaire»
  1. […] les images s’ouvrent en taille plus grande sur ce blog. Magique ! C’est l’effet Thickbox […]

  2. Merci pour tes explications.

    Juste une question : Quel code dois-je taper pour que l’effet thickbox s’applique à toute une galerie (en locurence Nextgen Gallery) ?
    => Voir lien de ma galerie (je n’arrive pas à voir mes images en miniatures, je ne peux les voir qu’une fois que je les agrandis en cliquand dessus).
    Merci d’avance et bravo/merci pour tes sujets.

  3. Comme indiqué dans la documentation relative à NextGEN gallery, il faut dans le menu Options > Effets choisir l’option Thickbox

  4. L’option était déjà paramétrée. Je ne sais pas s’il est normal que je ne vois pas les images de ma galerie en miniature. Pourtant j’ai bien installé le plugin comme tu l’as décrit dans ton article. Je ne sais pas. Je vais poster mes prochains commentaires dans l’article spécifique à Nextgen Gallery. 😉

    Merci encore.

    PS : Je ne sais pas bien comment expliquer mon problème, le mieux étant que vous voyiez par vous-même : ici

Laisser un commentaire

Votre adresse mail ne sera jamais rendue publique ni utilisée.

*Si vous écrivez un commentaire ici pour la première fois, celui-ci ne sera publié qu'après validation par un administrateur du blog. Ne l'envoyez pas plusieurs fois !
*Bien sûr, tout commentaire injurieux, publicitaire ou spam sera supprimé.
*C'est à vous maintenant !

(obligatoire)
(obligatoire)

Laisser ces deux champs tels quels :

Protégé par Invisible Defender.


  • Mentions légales
    Les différents éléments du Blog de Lise restent la propriété de leur(s) auteur(s) respectif(s).