Par Pierre Nobis  | p.nobis@cursus.edu

Insérer des liens hypertextes dans une image

Créé le vendredi 5 octobre 2012  |  Mise à jour le lundi 8 octobre 2012

Recommander cette page à un(e) ami(e)

Lorsqu'on rédige un billet sur son blog ou sur son site, on est souvent amené à l'illustrer à l'aide d'une image. On souhaiterait pouvoir parfois insérer dans cette image plusieurs liens hypertextes renvoyant vers les ressources présentées tout au long de l'article. Thierry Roget signale sur son blog un outil très pratique qui permet de s'affranchir de toute connaissance du code HTML pour réaliser cette opération. 

Créer une image interactive

HTML Map Creator permet en effet d'ajouter plusieurs liens hypertextes sur une même image. Il suffit simplement d'indiquer l'URL de l'image au service puis de sélectionner ensuite les différentes zones d'insertion. Deux codes sont automatiquement générés : HTML et CSS. Le premier est suffisant et peut être copié-collé au sein d'un article en ligne via l'interface html de votre outil de publication. A noter que ce service est en version beta et qu'il proposera bientôt la possibilité de téléverser ses propres fichiers. 

Vous trouverez ci-dessous un exemple d'image multi-cliquable recensant les principales sources de cet article : 

roget.biz image-maps.com cms spip Site du Zéro HTML Map

 

Sources 

Roget.biz : http://roget.biz/comment-inserer-des-liens-dans-une-image

CMS Spip : http://icp.ge.ch/sem/cms-spip/spip.php?article1364

Site du Zéro : http://www.siteduzero.com/tutoriel-3-32634-images-mappees-et-liens-hypergraphiques.html

Source de l'image : http://www.illustrations.fr/

Poster un commentaire

Commentaires

3 commentaires

Icône - Visage inconnu
  • Jmarcfj
  • 8 octobre 2012 à 11 h 11

Thinglink

Bonjour

Plus simple il y a thinglink.com pour insérer des liens des vidéos etc.

Répondre
Icône - Visage inconnu
  • YAKAONE
  • 31 janvier 2013 à 19 h 07

Excellente découverte

Merci infiniment pour cette belle et indispensable découverte. Depuis le temps que je fouille la toile, cette solution va me permettre enfin de créer des liens hypertexte vers des images sur mon site : http://kid-avenue.com Si vous avez d'autres astuces et idées aussi confortable et pratique, je prends :)

Répondre
Icône - Visage inconnu
  • LM
  • 5 août 2013 à 09 h 09

Merci

HTML Map Creator m'a bien été utile pour mon site www.lettre-motiv.com. Mais bon maintenant j'utilise wordpress et son éditeur de texte natif. Merci encore !

Répondre