Placez votre souris sur les images ci-dessous
pour voir l'effet.
Evitez de mettre une petite image afin de
l'agrandir, vous risquez de perdre en qualité. (Il est préférable
que la taille maximale soit la taille réelle)
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 coeff=4;//Coefficient de reduction
var larg=200;//largeur maxi de l'image
var haut=194;//hauteur maxi de l'image
var coeffinit=coeff;
function changer(nom_de_limage) {
if (document.images[nom_de_limage].width < larg)
{
coeff = coeff-0.2;
document.images[nom_de_limage].width
= Math.round(larg/coeff);
document.images[nom_de_limage].height
= Math.round(haut/coeff);
chang=window.setTimeout('changer("'+document.images[nom_de_limage].name+'");',60);//vitesse
de l'effet
}
else {window.clearTimeout(chang);}
}
function initial(nom_de_limage) {
if (document.images[nom_de_limage].width > larg/coeffinit)
{
window.clearTimeout(chang);
coeff = coeff+0.2;
document.images[nom_de_limage].width
= Math.round(larg/coeff);
document.images[nom_de_limage].height
= Math.round(haut/coeff);
initi=window.setTimeout('initial("'+document.images[nom_de_limage].name+'");',60);//vitesse
de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script>
Corrigez
comme suit
Vous pouvez changer le coefficient
de réduction.
Indiquez la taille de votre image agrandie.
Vous pouvez changer la vitesse de
l'effet.
Puis insérez
le code ci-dessous à l'endroit des Images
