Privilège - Créez un effet loupe sur votre image

Copiez le code suivant

<script language="JavaScript"><!--Effet zoom sur image-->
<!--
//PLF-http://www.jejavascript.net/
var coeff=4;//Coefficient de reduction
var larg=400;//largeur maxi de l'image
var haut=388;//hauteur maxi de l'image
var coeffinit=coeff;
function changer() {
if (document.image.width < larg) {
coeff = coeff-0.2;
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
chang=window.setTimeout('changer();',60);//vitesse de l'effet
}
else {window.clearTimeout(chang);}
}
function initial() {
if (document.image.width > larg/coeffinit) {
window.clearTimeout(chang);
coeff = coeff+0.2;
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);

initi=window.setTimeout('initial();',60);//vitesse de l'effet
}
else {window.clearTimeout(initi);}
}
//-->
</script>

<p >
<a name="img"></a>
<a href="#img" onmouseout="initial()" onmouseover="changer()"><img border="0" src="http://idata.over-blog.com/0/37/17/67/articles/ourson3.gif" name="image" /></a></p>
<p><script language="JavaScript">
<!--
//PLF-http://www.jejavascript.net/
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
//-->
</script></p>

Modifiez l'adresse de votre image et collez le tout en mode source.

Pointez la souris sur le nounours pour tester.