http://www.monjavascript.net

ACCUEIL
Contact
Rechercher
Insérez dans vos
  favoris

ACCUEIL DES
  VISITEURS

DATE & HEURE
EFFETS DE TEXTE
FENETRES
FORMULAIRES
IMAGES
MENUS
PRATIQUE
POP UP
DIVERS

Cours de javascript
Générer vos Fichiers
  CSS

Générer vos Meta-Tags
Description des Balises
  Meta

Les Codes Couleur
L'objet Math
Lissage De Prêt
Tableau d'Amortissement
un Multi-Moteurs de recherche sur Votre Site
Cryptez votre e-mail
  pour contrer le Spam

Cryptez vos Scripts
Moteurs de recherches
Référencement
Je Crée Mon Site
L'éditeur JavaScript


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.monjavascript.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

 
 
Mon javascript    20-09-2018