Savoir où redirige une image

php75002 -  
KX Messages postés 19031 Statut Modérateur -
Bonjour,

J'ai un petit souci avec une image : l'image est cliquable et renvoie vers un lien précis selon l'endroit où l'on clique. J'aimerais savoir si il existe un moyen de connaître à l'avance l'adresse du lien ?

Cordialement,
A voir également:

1 réponse

KX Messages postés 19031 Statut Modérateur 3 020
 
Ça dépend quelle technologie se cache derrière...
0
php75002
 
ça a été fait avec ça : http://www.html-map.com/
0
KX Messages postés 19031 Statut Modérateur 3 020
 
C'est une simple Map Html donc oui, tu peux savoir à l'avance où ça te redirige, il suffit de regarder dans le code html.
0
php75002
 
Oh merci :) Le problème c'est que je trouve pas ça dans le code source :/
0
php75002
 
Y-a-t-il un moyen de connaître quand même l'endroit ?
0
KX Messages postés 19031 Statut Modérateur 3 020
 
Si je prends un exemple de map générée par ton site j'obtiens ces deux codes là :

HTML Map Code :

<img src="https://www.google.com/images/srpr/logo11w.png" alt="" usemap="#map1382982669587">
<map id="map1382982669587" name="map1382982669587">
<area shape="rect" coords="1,0,131,135" title="G" alt="G" href="https://fr.wikipedia.org/wiki/G" target="_blank">
<area shape="rect" coords="142,47,330,136" title="O" alt="O" href="https://fr.wikipedia.org/wiki/O" target="_blank">
<area shape="rect" coords="333,50,417,185" title="G" alt="G" href="https://fr.wikipedia.org/wiki/G" target="_blank">
<area shape="rect" coords="418,5,460,137" title="L" alt="L" href="https://fr.wikipedia.org/wiki/L" target="_blank">
<area shape="rect" coords="462,47,538,133" title="E" alt="E" href="https://fr.wikipedia.org/wiki/E" target="_blank">
<area shape="rect" coords="536,188,537,189" alt="HTML Map" title="HTML Map" href="https://www.html-map.com/" target="_self">
</map>

CSS Map Code :

<div style="position:relative; height:190px; width:538px; background:url(https://www.google.com/images/srpr/logo11w.png 0 0 no-repeat;">
<a style="position:absolute; top:0px; left:1px; width:130px; height:135px;" title="G" alt="G" href="https://fr.wikipedia.org/wiki/G" target="_blank"></a>
<a style="position:absolute; top:47px; left:142px; width:188px; height:89px;" title="O" alt="O" href="https://fr.wikipedia.org/wiki/O" target="_blank"></a>
<a style="position:absolute; top:50px; left:333px; width:84px; height:135px;" title="G" alt="G" href="https://fr.wikipedia.org/wiki/G" target="_blank"></a>
<a style="position:absolute; top:5px; left:418px; width:42px; height:132px;" title="L" alt="L" href="https://fr.wikipedia.org/wiki/L" target="_blank"></a>
<a style="position:absolute; top:47px; left:462px; width:76px; height:86px;" title="E" alt="E" href="https://fr.wikipedia.org/wiki/E" target="_blank"></a>
<a style="position:absolute; overflow:hidden; top:188px; left:536px; width:1px; height:1px;" title="HTML Map" alt="HTML Map" href="https://www.html-map.com/" target="_self"></a>
</div>

On voit clairement les liens apparaître pour chacune des zones !
0