Truc : Image cliquable
Par nanart le dimanche 31 janvier 2010, 00:55 - Trucs et Astuces - Lien permanent
Le but est de publier une image cliquable
C'est à dire :
- une image d'une taille donnée qui,
si on clique dessus
- renvoie vers une page affichant :
- l'image en taille originale
ou
- une autre image
ou
tout autre endroit pointé par ce lien
Comment faire ?
Deux éléments entrent en jeu :
1) l'image
2) le lien
L'IMAGE
nsérer l'image via le gestionnaire de media.
en choisissant la taille de son affichage :
* square * thumbnail * small * medium * originale Hormis 'originale', les tailles sont déterminées dans les paramétrages du tableau de bord.
Pour l'exemple nous choisirons une image de taille 'small'
- IMAGE NON CLIQUABLE
Ce qui donne comme ligne d'écriture dans le billet :
* en wiki((/public/sous-dossiers/.nom-image_s.jpg|Titre Image))
* en xhtml
<img src="/public/sous-dossiers/.nom-image_s.jpg" alt="Titre Image" />
LE LIEN
Pour l'exemple nous choisirons d'afficher l'image en taille réelle
dans un page différente
Mais le lien peut être tout autre ; un autre billet,, une ancre dans le même billet, un autre endroit sur le web, etc.
Pour cela, nous allons chercher quelle est l'url de l'image ?
Le contenu du gestionnaire de média nous y aidera. En consultant les infos relatives à l'image on peut noter : # URL du fichier : http://aide.pour.blog.free.fr/public/sous-dossiers/nom-de-l'image.jpg
Ce qui nous intéresse c'est cette partie :
/public/sous-dossiers/nom-de-l'images/tall.jpg
parce que c'est un lien relatif (qui pointe vers le même site/blog qui le contient
Comment en faire un lien ?
Simple : il suffit de taper un texte quelconque, par exemple 'TEST LIEN IMAGE' et de sélectionner ce texte en y associant un lien (petite icone du menu du billet)
en ajoutant la partie retenue dans le champ url du lien.
Ce qui donne TEST LIEN IMAGE