07-06-2007

EFFET LOUPE SUR UNE IMAGE

Celui là c'est pour Sylpo...l'empêcheuse de tourner en rond

Rien de bien compliqué en fait..."copiez/collez" le code suivant dans votre "page d'accueil" avant la balise </head>

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

Ensuite "copiez/collez" code suivant, en changeant l'adresse de l'image* en place, dans un message ou dans une de vos colonnes.

<p > <a name="img"></a> <a href="#img" onmouseout="initial()" onmouseover="changer()"><img border="0" src="http://storage.canalblog.com/01/42/308322/13956832.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>

*http://storage.canalblog.com/01/42/308322/13956832.gif