Insérer des liens hypertextes dans une image

Un service en ligne qui génère le code à votre place.

Sociétés

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/

Sujets :
Applications - Bureautique

Mots-clés :
Hyperliens,
Image ,
Code Html