Image cliquable

Janvier 2006

Bonjour,

J’utilise dans mes articles le filtre : reduire_image475,0 pour réduire
mes images (exemple : [(#TEXTE*|reduire_image475,0)])

mais je souhaiterais que les images de l’article soient cliquables pour les
avoir en taille réelle (pas documents mais images -> "insérer une image").

L’image, avec le filtre, dans l’article est du type :
http://www.monsite.fr/IMG/cache-475x338/monimage-475x338.gif

Je veux donc pouvoir cliquer dessus pour obtenir l’image originale :

http://www.monsite.fr/IMG/gif/monimage.gif

Merci pour votre aide,

Par note Par date Par date chronologique

Indiquez l’intérêt que vous portez à cette réponse

0

Trong-Duc

Janvier 2006

Bonjour,

Après avoir importé ton image, sur la droite tu peux voir la vignette correspondant à ton et en dessous les codes :

<img#|left>, <img#|right>, <img#|center>

Tu as juste à placer un de ces codes (selon si tu veux qu’il soit aligné à droite, à gauche ou au centre) dans ton texte.
Indiquez l’intérêt que vous portez à cette réponse

0

J

Janvier 2006

Oui en effet, c’est ce que j’ai fait. J’ai bien l’image qui apparaît en public.

Avec le filtre "|reduire_image475,0" pour ne pas casser mon squelette, je ne réussi pas à en faire une image cliquable pour l’avoir en taille réelle.
Indiquez l’intérêt que vous portez à cette réponse

0

J

Janvier 2006

Si je pose une colle, vous le diriez ? Hein ?
Indiquez l’intérêt que vous portez à cette réponse

0

xfwi971

Février 2007

Il existe un plugin te permettant de rendre ton image cliquable.

que tu utilises dans ton article, sous la forme :

<imgXX|lightbox|largeur=YY|hauteur=ZZ>

l’utilisation du plugin t’evite d’avoir a faire un appel systématique à cette fonction dans tes squelettes, mais te permet de l’utiliser à bon escient.
Indiquez l’intérêt que vous portez à cette réponse

0

megiland

Juin 2010

Bonjour.
Je met à jour ce post, dans le but de trouvé une solution pour spip 2.1.

Merci

abel

Septembre 2011

Il faut modifier et surcharger le modele img.html.
Tu le trouveras dans "prive">"modeles", recopie le dans "squelettes">"modeles" puis replace les lignes suivantes (23 et 24) :

<span class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})][ (#ENV{class})] spip_lien_ok'[ style='float:(#ENV{align}|match{left|right});[ width:(#LARGEUR)px;]']>
[<a href="(#ENV{lien})"[ class="(#ENV{lien_class})"]>]<img src='#URL_DOCUMENT'[ width="(#LARGEUR)"][ height="(#HAUTEUR)"] alt="[(#TITRE|texte_backend)]"[ title="(#TITRE|texte_backend)"] />[(#ENV{lien}|?{</a>})]</span>

Par :

<span class='spip_document_#ID_DOCUMENT spip_documents[ spip_documents_(#ENV{align})][ (#ENV{class})] spip_lien_ok'[ style='float:(#ENV{align}|match{left|right});[ width:(#LARGEUR)px;]']>
<a href="[(#ENV{lien}|sinon{#URL_DOCUMENT})]"[ (#ENV{lien}|?{'',type="#MIME_TYPE"})][ title="(#TITRE|texte_backend)"]><img src='#URL_DOCUMENT'[ width="(#LARGEUR)"][ height="(#HAUTEUR)"] alt="[(#TITRE|texte_backend)]"[ title="(#TITRE|texte_backend)"] /></a></span>

Et voilou ! :-)

Mais attention ça le fera pour toute les images mis dans le champ texte...