Site: plugins SPIP
Prise électrique

Affichage multimédia

IMAGE DÉTOURÉE DANS LE TEXTE


11 votes
Version de SPIP
  • SPIP 1.9.2
  • SPIP 2.0
  • SPIP 2.1
État : stable
Base de données
  • ? Pas d’accès SQL
Auteurs : ARNO* et Mortimer
Langues
  • ? Pas de texte

Ce plugin permet d’« habiller » une image avec le texte.

Attention Ce plugin nécessite GD2

Une image vaut souvent plus que milles mots et c’est ici le cas pour bien com­prendre ce qu’offre ce plugin :

Modèle par défaut de SPIP

<img1|right>

Image insérée avec le nouveau modèle

<img1|ragged|right>

Ce plugin offre un nouveau modèle pour insérer des image dans les textes SPIP. Au lieu d’afficher l’image dans une boite, comme <imgXXX|left> le fait, le modèle <img234|ragged> permet de faire « couler » le texte autour de l’image.

Le modèle ragged va « découper » selon la couleur de fond de l’image pour que le texte colle au plus près du contenu de l’image.

Options Suplémentaires

  • <img234|ragged|left> pour spé­cifier l’alignement (droite ou gauche),
  • <img234|ragged|margin=100> pour spé­cifier la marge autour de l’image,
  • <img234|ragged|couleur=00ff00> pour spé­cifier la couleur de fond à découper. Si on n’en spé­cifie pas, on détoure selon la trans­pa­rence (format PNG).

Évolutions

0.2 : le plugin est modifié pour mieux gérer les lignes de texte qui ont ten­dance à « entrer » dans l’image, ainsi que l’espacement ver­tical autour de l’image détourée. Le pro­blème venait du fait que la largeur de la ligne de texte affichée est cal­culée (par le navi­gateur, pas par le plugin) à partir du haut de la ligne, et non au niveau de la ligne de base. Le plugin ajoute désormais une ligne invi­sible en haut de l’image.

Par ailleurs, un système de « moyenne » est ajouté au calcul de la largeur de chaque ligne découpée, de façon à obtenir la valeur de marge non seulement hori­zon­ta­lement, mais aussi ver­ti­ca­lement. On décide (arbi­trai­rement) que la marge ver­ticale est au minimum de 25 pixels, de façon à cor­riger, à nouveau, le bug lié à l’affichage des lignes de texte.

Ainsi, le bug d’affichage men­tionné en com­men­taire (ci-​​dessous) devrait être résolu.

Les sites suivants utilisent ce plugin :
klaus++
27 novembre 2008

C’est fan­tas­tique, mais attention : Avec Firefox 3 tout est bon, sous IE7 une partie de la ligne de texte au dessus de l’image risque de dis­pa­raître sous l’image. Mais une fois ce petit pro­blème corrigé ce plugin va m’économiser des heures de travail.

Grand merci !

Pour écrire une critique de ce plugin, vous devez être un rédacteur de ce site.
Écrire un message

Un message, un commentaire ?
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)

Qui êtes-vous ? (optionnel)
  • [Se connecter]

Manao
Novembre 2008

Ça calme, il n’y a pas à redire. J’avais lu avec attention un tuto sur "A List Apart", il y a un siècle environ et j’ai utilisé cette tech­nique manuel­lement à l’occasion, lorsque les nerfs ne me lâchent pas et que j’ai le temps. Ce plugin est à uti­liser avec par­ci­monie (et surtout le garder tota­lement secret) mais il est très inté­ressant pour des sites où des images viennent agré­menter le site web, des sites "artwork" par exemple. Très bonne idée, belle réa­li­sation mais comme le bon vin, avec modération…


Un message, un commentaire ?
  • (Pour créer des paragraphes, laissez simplement des lignes vides.)

Qui êtes-vous ? (optionnel)
  • [Se connecter]

Site: plugins SPIP
Prise électrique
9 votes