[RÉGLÉ] Zones cliquables sur une image

[phil77560]

Bonjour,
Je galère a trouver une solution simple alors je m'en remets à vos expériences :

J'aimerai avoir des zones cliquables sur une image. Imaginons le plan d'un bâtiment, et quad on clique sur certaines parties, on est dirigé vers des articles de description
Merci de votre aide

[lomart]

Bonsoir,

UP propose une solution : https://up.lomart.fr/demo/action-imagemap

[Jeff71]

Bonsoir Phil,

Et pourquoi pas UP! https://up.lomart.fr/demo/action-imagemap

Bonne soirée

[phil77560]

Bonsoir,

UP propose une solution : https://up.lomart.fr/demo/action-imagemap

je vais tester merci

[phil77560]

Merci pour cette info...

[phil77560]

Bon et bien j'ai testé .. mais cela ne fonctionne pas !
Je dois me planter quelque part, mais où ?

{up imagemap=images/lycee.jpg | style=border:2px solid red; width:100%}
<area target="_blank" alt="Entrée" title="Entrée" href="http://www.lyceelouislumiere.fr/Visite/exterieurlycee/app-files/index.html" coords="1107,650,22" shape="circle">
<area target="_blank" alt="Salle F308" title="Salle F308" href="http://www.lyceelouislumiere.fr/Visite/salleF308/app-files/index.html" coords="546,433,23" shape="circle">
<area target="_blank" alt="G204" title="G204" href="http://www.lyceelouislumiere.fr/Visite/G204/index.html" coords="426,292,23" shape="circle">
<area target="_blank" alt="Ateliers Tech. Usi." title="Ateliers Tech. Usi." href="http://www.lyceelouislumiere.fr/Visite/ateliertu/app-files/index.html" coords="110,443,21" shape="circle">
<area target="_blank" alt="Showroom SN" title="Showroom SN" href="http://www.lyceelouislumiere.fr/Visite/showroom/app-files/index.html" coords="226,310,18" shape="circle">
<area target="_blank" alt="Atelier MELEC" title="Atelier MELEC" href="http://www.lyceelouislumiere.fr/Visite/salleH9/app-files/index.html" coords="253,268,21" shape="circle">
<area target="_blank" alt="Atelier SN MELEC" title="Atelier SN MELEC" href="http://www.lyceelouislumiere.fr/Visite/salleH9/app-files/index.html" coords="209,265,19" shape="circle">
{/up imagemap}

je precise que j'ai JCE comme editeur et que j'entre cela en mode ""code"

Par avance merci

[lomart]

Bonsoir,

JCE n'aime pas la balise area. Le plus simple est de remplacer les chevrons par des crochets. UP comprendra !

{up imagemap=images/lycee.jpg | style=border:2px solid red; width:100%}
[area target="_blank" alt="Entrée" title="Entrée" href="http://www.lyceelouislumiere.fr/Visite/exterieurlycee/app-files/index.html" coords="1107,650,22" shape="circle"]
[area target="_blank" alt="Salle F308" title="Salle F308" href="http://www.lyceelouislumiere.fr/Visite/salleF308/app-files/index.html" coords="546,433,23" shape="circle"]
[area target="_blank" alt="G204" title="G204" href="http://www.lyceelouislumiere.fr/Visite/G204/index.html" coords="426,292,23" shape="circle"]
[area target="_blank" alt="Ateliers Tech. Usi." title="Ateliers Tech. Usi." href="http://www.lyceelouislumiere.fr/Visite/ateliertu/app-files/index.html" coords="110,443,21" shape="circle"]
[area target="_blank" alt="Showroom SN" title="Showroom SN" href="http://www.lyceelouislumiere.fr/Visite/showroom/app-files/index.html" coords="226,310,18" shape="circle"]
[area target="_blank" alt="Atelier MELEC" title="Atelier MELEC" href="http://www.lyceelouislumiere.fr/Visite/salleH9/app-files/index.html" coords="253,268,21" shape="circle"]
[area target="_blank" alt="Atelier SN MELEC" title="Atelier SN MELEC" href="http://www.lyceelouislumiere.fr/Visite/salleH9/app-files/index.html" coords="209,265,19" shape="circle"]
{/up imagemap}

[phil77560]

Ouf....effectivement ... merci....cette "astuce" était bien indiquée mais ... je n'avais pas tenté...
Merci beaucoup pour le coup de main en tout cas

[lesoutier]

Si le problème est réglé merci de le signaler en suivant les conseils de l'encadré intitulé "C'est [Réglé] et on n'en parle plus ?" en bas de page.