compatibilité IE et FF : onmouseover
Bonjour,
J'ai un petit souci, je me suis créé un petit site perso en php (euh le tout premier niveau du PHP) et j'ai voulu afficher en plus grand des images en les survolants.
Sous IE, pas de problème, par contre, sous firefox, seuls mes commentaires apparaissent, quelqu'un peut m'aider ?
Il me semble que ça vient de onmouseover mais j'ai pas compris grand chose sur les différents forums que j'ai visité
Voici mon code :
Dans ma feuille css :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| #idDivImage{
border: 3px outset #AAAAAA;
position: absolute;
float: left;
left: 125px;
top: 100px;
display: none;
z-index: 100;
}
.miniature{
width: 95px;
} |
Dans ma page :
Dans le head :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
| <script type="text/javascript">
<!--
function popImage(image)
{
document.getElementById("idDivImage").style.display = "block";
document.getElementById("idImage").src=image.src;
}
function fermeImage()
{
document.getElementById("idDivImage").style.display = "none";
}
//-->
</script> |
dans le body :
Code:
1
2
| <img class="miniature" src="photos\vue1.jpg" onmouseover="popImage(this)" onmouseout="fermeImage()" alt="Un coucher de soleil pris à Noel 2004">
<div id="idDivImage"><img id="idImage" src="photos\vue1.jpg"></div> |
..................
J'ai essayé de déplacer le petit commentaire de l'image : alt="...." à la fin de la dernière ligne de code : <div id="idDivImage"><img id="idImage" src="photos\vue1.jpg"></div>, mais idem, ça marche pas
Voilà....
Meri de votre aide
