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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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 : Sélectionner tout - Visualiser dans une fenêtre à part
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