Forum d'entraide PHPFrance

Bonjour,

J'ai créé une image cliquable, et celle-ci s'affiche tout à fait correctement dans FF, mais pas dans Internet Explorer. J'ai à la place un cadre vide, et un petit carré orné d'une croix rouge en haut à gauche de l'image absente. Mais quand je vais sur l'un des liens de l'image, le onMouseOver (qui affiche une nouvelle image) marche et l'image apparaît! On dirait que IE n'arrive juste pas à charger l'image de base. J'ai vérifié dans les options avancées d'IE, les images sont censées être affichées.

Je ne comprends pas ce qu'il manque... Voici mon code:

Code : Tout sélectionner

<div style="margin-top: 10px; text-align: center">

<img src="carte/carte.jpg" width="650" height="547" border="0" usemap="#map" name="carte" title="Carte archéologique"/>

<map name="map">
<!-- #$-:Image Map file created by GIMP Imagemap Plugin -->
<!-- #$-:GIMP Imagemap Plugin by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.0 -->
<!-- #$AUTHOR:Philou -->
<area shape="poly" coords="165,234,227,234,227,244,224,245,229,248,230,253,226,256,222,255,219,252,220,248,223,248,224,246,223,245,165,246,165,234" alt="Kaddanarti" href="http://www.kerma.ch/index.php?option=com_content&task=view&id=33&Itemid=75" onmouseover="carte.src='carte/kaddanarti.jpg';" onmouseout="carte.src='carte/carte.jpg';"/>
<area shape="poly" coords="240,338,301,338,300,348,262,348,262,361,255,361,255,349,239,347,239,338" alt="Doukki Gel" href="http://www.kerma.ch/index.php?option=com_content&task=view&id=13&Itemid=54" onmouseover="carte.src='carte/doukki.jpg';" onmouseout="carte.src='carte/carte.jpg';"/>
<area shape="poly" coords="335,393,335,402,250,401,245,383,252,372,259,375,261,390,335,391" alt="Ville de Kerma" href="http://www.kerma.ch/index.php?option=com_content&task=view&id=11&Itemid=52" onmouseover="carte.src='carte/villekerma.jpg';" onmouseout="carte.src='carte/carte.jpg';"/>
<area shape="poly" coords="342,331,403,331,403,340,352,340,349,351,341,356,332,351,335,345,330,338,333,336,343,342,342,331" alt="Pré-Kerma" href="http://www.kerma.ch/index.php?option=com_content&task=view&id=14&Itemid=55" onmouseover="carte.src='carte/prekerma.jpg';" onmouseout="carte.src='carte/carte.jpg';"/>
<area shape="poly" coords="411,393,415,374,409,373,358,373,355,362,352,352,343,356,333,357,338,365,336,368,337,369,337,374,348,373,354,374,354,395,410,394" alt="Nécropole de Kerma" href="http://www.kerma.ch/index.php?option=com_content&task=view&id=65&Itemid=105" onmouseover="carte.src='carte/necrokerma.jpg';" onmouseout="carte.src='carte/carte.jpg';"/>
<area shape="poly" coords="473,318,532,318,531,324,545,326,545,332,539,336,527,328,473,328,472,318" alt="Boucharia" href="http://www.kerma.ch/index.php?option=com_content&task=view&id=52&Itemid=92" onmouseover="carte.src='carte/boucharia.jpg';" onmouseout="carte.src='carte/carte.jpg';"/>
<area shape="poly" coords="527,363,576,364,577,354,556,351,553,342,549,340,543,340,543,347,543,351,526,351,526,361" alt="El-Barga" href="http://www.kerma.ch/index.php?option=com_content&task=view&id=15&Itemid=56" onmouseover="carte.src='carte/elbarga.jpg';" onmouseout="carte.src='carte/carte.jpg';"/>
<area shape="poly" coords="550,235,625,235,628,242,632,241,637,237,644,243,644,246,637,247,631,245,625,247,552,246" alt="Wadi El-Arab" href="http://www.kerma.ch/index.php?option=com_content&task=view&id=16&Itemid=57" onmouseover="carte.src='carte/wadi.jpg';" onmouseout="carte.src='carte/carte.jpg';"/>
</map>
</div>

Est-ce que quelqu'un, remercié soit-il, peut m'aider?

Philam

C'est l'image "carte/carte.jpg" qui est absente apparemment.

Tu as un lien où on peut voir le résultat ?

Merci pour cette première réponse!

le lien

L'image est bien sur le ftp, j'ai vérifié, mais comme ça marche sans problème sur Firefox, je pense que c'est plus un problème d'interprétation du code.

Apparemment ton image a un problème. Je l'ai ouverte sous photoshop et voici l'erreur que j'ai : "le profil de couleur incorporé du document ne correspond pas à l'espace de travail actif CMYK".

Après correction par photoshop, l'image s'affiche correctement sous IE. Je te conseille donc de le faire, et surtout ton image pèsera 2 fois moins lourd

Je suis passé de 800Ko à 200Ko avec une qualité de 100%.

Ah c'est peut-être effectivement la solution, car cette image provient d'un mac, et je ne l'ai modifiée que pour les images onMouseOver!

Merci pour l'aide, je vais tester ça de suite

Rha ces macs...

Edit: C'est bon c'était bien cela! Encore merci

> Résolu

Je rajoute également que Firefox, la version 2 en tout cas, j'ai pas testé sous la 3, ne supporte pas les images en CMJN (ou CMYK), Illustrator en produit des images comme ça...

Rha ces macs...

Rha ce IE...

Ca, je ne te le fais pas dire. IE est programmé avec les pieds, c'est affligeant.

FF 3 me l'affichait sans sourciller (Windows XP)
Pas essayé sur Linux/Ubuntu, mais c'est plus la peine

En plus du profil de couleurs (messieurs, dames les graphistes, utilisez le mode RVB par pitié ! et ce n'est pas un problème lié aux Mac

), il y a une autre source de soucis potentiels : les coordonnées des zones cliquables. En effet, puisque les zones sont de type polygonal (shape="poly"), la dernière paire de coordonnées entrée devrait être la même que la première, de façon à bien fermer le polygone, comme le conseille vivement la spécification HTML du W3C à la section sur l'attribut coords :

poly: x1, y1, x2, y2, ..., xN, yN. The first x and y coordinate pair and the last should be the same to close the polygon.

Forum d'entraide PHPFrance

Image Map non affichée par Internet Explorer

Image Map non affichée par Internet Explorer