Image avec lien sur une autre image

[PoppyGuy]

Bonjour,
J'ai une image de fond :

Puis plusieurs petites images sur ce fond

Est-il possible d'avoir ces petites images indépendantes avec un lien ?
Merci de votre aide
Cordialement
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

[chinon37]

Bonjour,

Oui, c'est possible en passant par un logiciel comme Gimp ou libreoffice draw (pour ce dernier: édition > image map). Pour Gimp, je n'ai plus la procédure mais tu la trouveras sur le net. Le logiciel te génèrera le code pour avoir des zones cliquables. Il suffira d’insérer ce code dans ta page à l'endroit où tu veux voir ton image.
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0

[PoppyGuy]

Bonjour,
Je vais regarder.
J'ai du mal à comprendre que je puisse avoir une image par dessus l'image principale, il doit y avoir une position X et Y ...?
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

[chinon37]

Bonjour,
La réponse que j'ai donné, c'est pour avoir des zones cliquables sur une image: tu définis une zone par petite image, tu mets le lien qui va bien sur chaque zone, et tu mets le code dans ta page. Cela va charger ton image avec les différents liens.
C'est Gimp ou Libreoffice draw qui se charge de générer le code. C'est assez simple à construire.
Mais est ce ce que tu cherches ?
/!\ La photo doit être sur la page et non en image de fond
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0

[PoppyGuy]

Bonjour,
Ce que je recherche exactement:
Dans ma page d'accueil de mon site, j'ai des images, tel que celle-ci:


Les petites images font parti de la la grande, je ne peux pas cliquer dessus (normal).

Je souhaiterais justement avoir sur cette image:

Ajouter les petites images :

Et pouvoir créer un lien (exemple comme pour les boutons):

Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

[chinon37]

Bonjour,
La méthode que je t'ai donné, c'est justement pour pouvoir cliquer sur les petites images de ton image n°1. Ça consiste à créer une zone sur chaque icone et d'attribuer un lien à cette zone.
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:48.0) Gecko/20100101 Firefox/48.0

[PoppyGuy]

Désolé,
Comment "créer une zone par petites images" ?
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

[chinon37]

Bonjour,
Gimp ou draw sont des logiciels d'images. (retouche ou création).
Tu ouvres donc ton image (la grande) avec l'un des logiciels cités. La fonction "image map" (zone cliquable) te permet de définir des zones (avec des outils de dessin: rectangle, ellipse, forme libre...) sur ton image, et à assigner un lien par zone ainsi définie.
Tu trouveras facilement des tutos sur le net.
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0

[PoppyGuy]

Bonjour,
Ça ne fonctionne pas, les codes que je vois dans le tutoriel ne fonctionnent pas avec "Kompozer" ?
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:47.0) Gecko/20100101 Firefox/47.0

https://www.youtube.com/watch?v=MQzhbJNmTW0

[atheo]

Bonjour

Il y a un lustre ou deux, j'avais utilisé un logiciel qui s’appelait Mcc Html Mapper parfaitement accepté par kompozer

Une recherche pour voir si ça existe encore ?

on le trouve encore (framasoft entre autres mais je ne sais ce que ce site de téléchargement vaut...)

Votre Navigateur : Mozilla/5.0 (Windows NT 5.1; rv:47.0) Gecko/20100101 Firefox/47.0

[chinon37]

Framasoft est un excellent site pour les logiciels libres
Votre Navigateur : Mozilla/5.0 (Windows NT 10.0; WOW64; rv:49.0) Gecko/20100101 Firefox/49.0