Image Map non affichée par Internet Explorer

Eléphanteau du PHP | 10 Messages

20 nov. 2008, 10:05

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

Avatar du membre
ViPHP
ViPHP | 3008 Messages

20 nov. 2008, 10:13

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

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

Eléphanteau du PHP | 10 Messages

20 nov. 2008, 10:39

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.

Avatar du membre
ViPHP
ViPHP | 3008 Messages

20 nov. 2008, 11:14

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%.

Eléphanteau du PHP | 10 Messages

20 nov. 2008, 11:45

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

Mammouth du PHP | 959 Messages

20 nov. 2008, 12:00

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...

Eléphanteau du PHP | 10 Messages

20 nov. 2008, 12:03

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 ;)

Mammouth du PHP | 2937 Messages

20 nov. 2008, 15:01

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 :P ), 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.