Infobulle image

roland -  
 roland -
Bonjour à tous

quelqu'un pourrait'il me dire comment faire pour que ce script marche avec netscape?

D'avance merci,Roland.

Dans la partie HEAD :
---------------------

<script language="JavaScript">
var img = new Array()
img[1]='<img src="images1.gif">'
img[2]='<img src="images2.gif">'
img[3]='<img src="images3.gif">'
img[4]='<img src="images4.gif">'
img[5]='<img src="images5.gif">'

function souris_on(contenu)
{
if (document.all)
image.innerHTML=contenu
}
function souris_off()
{
image.innerHTML = defaut
}
-->
</script>
__________________________________

Dans le body :
--------------

Si vous souhaitez faire appaître vos images sur des liens, voici comment procéder :
<a href="votre_lien_1.html onMouseout="souris_off()" onMouseover="souris_on(img[1])">lien 1</a>
<a href="votre_lien_2.html onMouseout="souris_off()" onMouseover="souris_on(img[2])">lien 2</a>
etc...

Ensuite, créez le tableau suivant pour faire apparaître les images :
<table>
<tr>
<td>
<div id="image">
<img src="votre_image_par_defaut.gif">
</div>
</table>

Après cette table placez le code suivant :
<script language="JavaScript">
if (document.all)
var defaut = image.innerHTML
</script>
A voir également:

1 réponse

PhP Messages postés 1774 Statut Membre 606
 
Slt Roland,

Laisse tomber les innerHtml et autres trucs du même genre ...

Essai plutôt :

<html>
<head>
<script language="JavaScript">
<!--
var img = new Array()
img[0]=new Image()
img[0].src="image_defaut.gif"

img[1]=new Image()
img[1].src="image1.gif"
img[2]=new Image()
img[2].src="image2.gif"

function souris_on(index)
{
if (document.all)
{
image.src=img[index].src

// Pour IE5 et IE6 à la place tu peux écrire :
// document.getElementById("image").src=img[index].src
}
else
{
document.images["image"].src=img[index].src
}
}

function souris_off()
{
souris_on(0);
}
-->
</script>
</head>

<body>
<a href="votre_lien_1.html" onMouseout="souris_off()" onMouseover="souris_on(1)">lien 1</a>
<a href="votre_lien_2.html" onMouseout="souris_off()" onMouseover="souris_on(2)">lien 2</a>

<table>
<tr>
<td>
<div id="layer_image">
<img name="image" src="image_defaut.gif">
</div>
</table>

</body>
</html>

Le seul pb est que toutes les images doivent avoir la même taille !

@+
Philippe

[[  The Truth is Out There   ]]
0
roland
 
Salut PHP
Un grand merci,ça marche ,àtout le moins dans les derniers IE et netscape.

Néanmoins peux tu eclairer ma lanterne sur ce point:

// Pour IE5 et IE6 à la place tu peux écrire :
// document.getElementById("image").src=img[index].src


je met à quelle place et à quoi cela sert vu que ça à l'air de marcher?

Encore merci et A+,Roland.
0