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


Une Image Qui s'Agrandit Quand On Clique Dessus

Le mieux est d'avoir 2 images, un petite et un grand exemplaire de la même photo. Mais on peut n'avoir qu'1 image et changer la taille grâce aux propriétés width & height. Mais attention au rendu de l'image.

Cliquer sur l'image

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

function changer() {
if (num == 0) {
num = 1;
document.image.src = "im/imagb.gif";// grande image
document.image.width = 400;
document.image.height = 388;
}
else {
num = 0;
document.image.src = "im/imaga.gif";// petite image
document.image.width = 200;
document.image.height = 194;
}
}
//-->
</script>

Corrigez comme suit
chemin/Nom des images - largeur / hauteur en pixels

Puis insérez le code ci-dessous à l'endroit de l'image
<div align="center"><a name="image"></a>
<a href="#image" onClick="changer()">
<img src="im/imaga.gif" width="200" height="194" border="0" name="image"></a></div>
Corrigez comme suit

chemin/nom_de_1ère_image.(gif,jpg,...) / largeur / hauteur en pixels

Vous avez plusieurs Images
Des Images Qui s'Agrandissent Quand On Clique Dessus

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    22-11-2018