Infobulle image
roland
-
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>
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:
- Infobulle image
- Image iso - Guide
- Reduire taille image - Guide
- Légende image word - Guide
- Acronis true image gratuit - Télécharger - Sauvegarde
- Chercher image - Guide
1 réponse
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 ]]
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 ]]
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.