Discussion :

[Min2rien]

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

[SpaceFrog]

marche pas = ???
un message d'erreur ? un comportement particulier ?

[Min2rien]

marche pas = ???
un message d'erreur ? un comportement particulier ?

En fait, pas de message, mais mes photos ne s'affichent pas sur firefox, ni les petites, ni les grandes, il y a juste les commentaires que j'ai mis à l'aide de "alt=..."

[Bovino]

Essaye en remplaçant les \ par des / :

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>

[SpaceFrog]

Alors voyons ..
ophir
ophrys
ophuls

ha voilà ophtalmo !!!

[Min2rien]

Merci, maintenant mes photos s'affichent sur firefox. Super

Par contre, le commentaire que j'ai mis dans la balise alt= "....." (euh chai pas si on appelle ça une balise, mais bon....) ne s'affiche pas sous firefox, enfin si, mais il est planqué sous la photo et pas dans le petit cadre jaune clair comme dans IE.

Chui chiante, hein....

Avez vous une solution ?

[Min2rien]

Hum, j'ai cherché et j'ai trouvé, il faut la balise title=""

Merci beaucoup de m'avoir aidé pour l'affichage sous firefox