Problème filtre web / image cliquable et effet "mouseover"

Techniques, outils, réalisation d'effets ou d'images particulières.

Modérateur : Ze Techos

Répondre
pennylane
Wilber en peluche
Messages : 4
Inscription : ven. mai 18, 2012 1:22 pm

Problème filtre web / image cliquable et effet "mouseover"

Message par pennylane » mer. mai 21, 2014 10:39 am

Bonjour,

Tout d'abord, je m'excuse par avance si je ne poste pas au bon endroit car je ne suis pas certaine que mon problème relève de manip faites dans gimp...
Mais peut-être cela me servivra au moins à savoir d'ou vient le problème !

J'ai créé une image cliquable sous Gimp, avec effet mouseover.
J'ai donc une image de base, + plusieurs images différentes pour les images qui sont supposées apparaître lorsque l'on passe la souris dessus. Mes images sont hébergés sur le web, j'ai mis les url de ces images dans l'onglet javascript, etc.

J'ai renommé mon image.map en image.index (c'est supposé être la page d'accueil du site) et mis l'url de l'image de fond.
Lorsque je l'ouvre avec mon navigateur, j'ai bien l'image de fond, les liens fonctionnent et son au bon endroit...
Mais, aucun effet de mousover, les images ne s'affichent pas...
De même, les textes alternatifs qui doivent s'afficher au survol ne s'affichent pas non plus.

Je vous colle un exemple de mon code, vous pourrez me dire si le problème vient de là, ou si c'est plus un problème de programmation (dans ce cas je m'en irais gentiement chercher ailleurs ^^)

Je précise, si cela change quelque chose, que mes images qui s'affichent lors du mousover sont transparentes, enregistrées en .png ...

Code : Tout sélectionner

<img src="urldemonimagedefond.png" width="1804" height="1960" border="0" usemap="#map" />

<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR: pennylane -->
<area shape="poly" coords="476,872,468,785,439,735,408,712,375,694,323,683,283,686,228,727,193,780,160,847,141,977,141,1124,148,1299,154,1350,237,1367,270,1372,375,1366,435,1353,459,1337,455,1308,477,1287,494,1279,471,1278,426,1255,386,1237,376,1209,375,1185,393,1147,445,1130,410,1105,383,1081,367,1045,363,993,376,925,410,898,446,878,478,877,478,876,476,878,478,875" alt="accueil" onmouseover="urldel'imagemouseover.png" href="liendelimage" /></map>
Merci d'avance de votre aide !

Répondre