Des Images Qui s'Agrandissent Quand On Clique Dessus
Ce script a été fait à partir de "Une
Image Qui s'Agrandit Quand On Clique Dessus"
afin
de gérer plusieurs images sur la même page. Vous
y trouverez d'autres informations utiles
Cliquer sur les images
Insérez
le code ci-dessous dans votre page entre les balises d'entête
<head> ..... </head>
<script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
var num=0, num2=0, nbim=0;
function changer() {
switch(nbim){
case 1 :
if (num == 0) {
num = 1;
document.image.src = "im/imaga.gif";// grande image
document.image.width = 200;
document.image.height = 194;
}
else {
num = 0;
document.image.src = "im/imaga.gif";// petite image
document.image.width = 100;
document.image.height = 97;
}
break;
case 2 :
if (num2 == 0) {
num2 = 1;
document.image2.src = "im/imagb.gif";// grande
image
document.image2.width = 200;
document.image2.height = 194;
}
else {
num2 = 0;
document.image2.src = "im/imagb.gif";// petite
image
document.image2.width = 100;
document.image2.height = 97;
}
break;
}
}
//-->
</script> |
|
|
Traitement de l'image
2 - ref de l'image
Pour une 3ème image, recopier
cette partie en dessous et remplacer le 2 par
3.
Penser à
déclarer num3=0
sur la 4ème ligne du script :
"var num=0,
num2=0, num3=0,
nbim=0;" |
Puis insérez
le code ci-dessous à l'endroit de l'image
<table width="560" border="0">
<tr align="center">
<td>
<a name="ancreim1"></a><a href="#ancreim1" onClick="nbim=1;changer();" ><img
src="im/imaga.gif" width="100" height="97" border="0" name="image"></a> </td>
<td>
<a name="ancreim2"></a><a href="#ancreim2" onClick="nbim=2;changer();" ><img
src="im/imagb.gif" width="100" height="97" border="0" name="image2"></a>
</td>
</tr>
</table> |
|
|
|
Traitement de l'image 2 - ref
de l'image
Pour une 3ème image recopier cette partie à l'emplacement
choisi
et
remplacer
les 2 par 3
|
Ce site vous a plu ?
Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur
votre site
