Lien image réduite vers image originale

samedi 25 août 2007, par Jujubre. Dernier ajout dimanche 26 août 2007

Pourquoi ce plugin ?

Les blocs de textes tels que #CHAPO, #TEXTE peuvent contenir des images. Ces images, ajoutées par un rédacteur, sans contrôler leur taille, peuvent modifier le design du site web.

Pour eviter un désastre graphique, nous pouvons insérer le filtre image_reduire (documentation) : [(#TEXTE||image_reduire{200,200})]

Ce code spip réduira toutes les images dans #TEXTE qui ont une largeur et/ou longueur supérieure à 200 pixels. Mais l’image devient parfois illisible : plus de detailles, texte trop petit...

Il faudrait donc un lien vers l’image de taille réelle. Ce lien est ajouté via ce plugin.

Description du plugin

Ce plugin rajoute un filtre à utiliser sur les blocs de texte. À chaque image du bloc est associé un lien direct vers l’image original, qui se trouve dans le dossier IMG du site.

Associé avec image_reduire, le filtre créera donc un lien vers l’image avec sa taille d’origine.

Ce filtre ne fonctionne que avec les images avec les extensions jpg, jpeg, png et gif (pour utiliser avec thickbox v2, cf ci-dessous).

Utilisation

Ce filtre ne requiert aucun arguments.

Il s’utilise comme n’importe quel filtre : [(#balise|imlien_originale)]

Exemple : [(#TEXTE||imlien_originale|image_reduire{200,200})]

Facultatif : Thickbox v2

Vous pouvez installez en plus le plugin Thickbox v2. Ainsi l’image se charge en surimpression sur le site, grâce à de l’AJAX. Le chargement et la présentation de l’image sont plutôt réussis.

Téléchargement :

version 1.0, stable

Répondre à cet article

Lien image réduite vers image originale
9 mai 2008 12:55, par EricW

Bonjour

J’utilise ce plugin depuis quelques jours. Il marche très bien, mais j’ai constaté un problème mineur : sur les images centrées, du fait que la balise <a> englobe la balise , le lien est actif dans les marges, donc en dehors de l’image. J’ai modifié le code du fichier imlien_fonctions.php de la façon suivante (inversion de l’imbrication des deux balises) :

<?php function imlien_originale($texte) { $texte = preg_replace('@(<span[^>]*>)(\s*<img src=\')([^\\.]*\.jpe?g\')([^>]*)>@', '\\1<a href=\'\\3\' type=\'image/jpeg\'>\\2\\3\\4></a>',$texte); $texte = preg_replace('@(<span[^>]*>)(\s*<img src=\')([^\\.]*\.gif\')([^>]*)>@', '\\1<a href=\'\\3\' type=\'image/jpeg\'>\\2\\3\\4></a>',$texte); $texte = preg_replace('@(<span[^>]*>)(\s*<img src=\')([^\\.]*\.png\')([^>]*)>@', '\\1<a href=\'\\3\' type=\'image/jpeg\'>\\2\\3\\4></a>',$texte); return $texte; } ?>

Répondre à ce message

Retour au début des forums
Lien image réduite vers image originale
30 avril 2008 17:35, par Béat

Hello,

Sur mon site en construction j’ai utilisé ce filtre un temps pour le tester, puis je l’ai désactivé car j’ai trouvé une autre solution. Après désactivation, c’est comme si je n’avais rien fait : la fonction est restée active, c’est à dire que si on clique sur une image on obtient toujours une page contenant l’image source.

J’utilise toujours |image_reduire{xxx,yyy}. Si je suis bien renseigné, le comportement normal de Spip (sans le plugin) ne devrait pas faire afficher l’image ! J’ai même jeté le plugin du serveur, vidé tous les caches possibles plusieurs fois, rien n’y fait. Que se passe-t-il ?

Répondre à ce message
- Lien image réduite vers image originale 1er mai 2008 19:33, par Jujubre
  
  Quelle version de SPIP utilies-tu ?
  Je n’ai pas retouche a spip depuis mon dernier site web, c’est a dire lors de la redaction de cet article.
  
  La version sur laquelle j’ai concu ce plugin est la 1.9.2b. Je viens de jeter un coup d’oeil et on en est a la version 1.9.2d, qui apporte des modifications a la gestion des images. Peut etre que ce type de lien a ete integre a cette nouvelle version.
  
  Le lien fonctionnait-il aussi avant le plugin ?
  En desactivant tous les autres plugin, fonctionne t il encore ?
  
  Jujubre
  
  Répondre à ce message
  - Lien image réduite vers image originale 1er mai 2008 22:23, par Béat
    
    Eh bien, ça y est ça fonctionne, mais je ne sais pas pourquoi... ;-(
    
    Je suis désolé, mais j’ai vraiment un problème plus général, ailleurs, car ce phénomène m’est déjà arrivé plusieurs fois. Je me suis souvent trouvé devant des problèmes insolubles que je soumets à la question dans des forums. Après que de gentils contributeurs s’arrachent les cheveux pour me trouver une solution, mon problème finit pas se régler tout seul !
    
    C’est un peu comme si quelque part il y avait une mémoire qui conserve des comportements qui ont pourtant été modifiés.... Je vide régulièrement tous les caches que je connais ! Peut-être y en a-t-il un que je ne connais pas ? Je développe avec un serveur interne (MAMP sur Mac). Peut-être que le problème est de ce côté là ? Mais je n’ai pas la science pour m’y retrouver dans cette usine à gaz.
    
    Donc, merci pour la peine. (Tu peux détruire cette série de messages qui n’a pas vraiment sa place, ici)
    
    Répondre à ce message
Retour au début des forums
Lien image réduite vers image originale
14 octobre 2007 12:12, par Manu

Lorsque j’utilise ce plugin, j’ai un petit souci : le lien généré donne ça :

<a href='IMG/jpg/plan2007.jpg'' type='image/jpeg'><img src='IMG/jpg/plan2007.jpg' width='400' height='280' alt="" style='height:280px;width:400px;' class='' /></a>

Notez le double quote simple à la fin du href.
Conséquence : sous IEZ le lien ne fonctionne pas.
J’ai corrigé les expressions régulières pour avoir un seul quote mais je ne comprends pas pourquoi...

Répondre à ce message

Retour au début des forums
Pas sûr d’avoir tout compris...
26 août 2007 11:28, par SPQR

Si on utilise la génération automatique de vignettes avec le plugin Thickbox, je ne suis pas sûr d’avoir compris le « plus » de ce plugin...

Répondre à ce message
- Pas sûr d’avoir tout compris... 26 août 2007 12:30, par Jujubre
  
  Moi non plus...
  
  Explique moi comment tu fais :
  Tu as un texte que ton redacteur a fait en uploadant des images 1600*1200. Il y connait pas grand chose, et faut faire avec, prevoir ce genre de chose.
  Tu utilises donc image_reduire pour diminuer la taille des images insérées dans le texte pour ne pas exploser ton design, par ex : [(#TEXTE|image_reduire{400,400})]
  Mais ces images reduites ne permettent pas d’acceder a l’image originale. Par exemple un article de journal, il serait interessant de l’avoir en taille réelle afin de pouvoir le lire.
  d’ou la création d’un lien vers les images correspondantes, dans le dossier IMG de spip.
  
  Si tu peux faire ca avec les vignettes, explique-moi.
  
  Personnellement, j’ai erré pas mal de temps sur spip et n’ai pas trouvé cela, d’ou le plugin.
  
  Répondre à ce message
  - Pas sûr d’avoir tout compris... 26 août 2007 17:26
    
    J’ai eu le même problème que toi pour notre intranet au boulot. Les rédacteurs scannent des articles de la presse et ne savent pas redimensionner une image ni avec totoshop, ni avec Paint... Avant Thickbox je passais mon temps à repasser derrière eux pour jouer des ciseaux
    
    Bref, dans le panneau de configuration espace privé, j’ai porté la taille des vignettes à 200 automatiquement. Je les laisse inclure leurs articles en tant que doc (bien que ce sont des JPG). Dans l’espace public c’est Thickbox qui prend le relais et on peut toujours zoomer la photo jusqu’à sa taille réelle. Et crois moi une demi-page de Ouest-France c’est grand, très grand...trop grand.
    
    Répondre à ce message
    - Pas sûr d’avoir tout compris... 26 août 2007 18:28, par Jujubre
      
      effectivement, ca aurait pu solutionner mon problème en parti.
      
      Mais suivant la section : rubrique ou article, la mise en page change, et donc le redimensionnement de l’image.
      
      Répondre à ce message
Retour au début des forums
Lien image réduite vers image originale
26 août 2007 08:00, par Jean-Noël

Bonjour,

attention petite faute de frappe dans la rédaction du plugin et dans le paragraphe "Utilisation" il est écrit imlien_oriniale au lieu de imlien_originale.

ET merci un joli petit plus pour la rédaction et visualisation d’une image dans le texte.

Cordialement

Répondre à ce message

Retour au début des forums