Si le tuto fonctionne parfaitement pour des images avec du simple code HTML, je n'arrive pas à le faire fonctionner dans ma page (product_info.php).
J'ai donc commencé par intégrer mes fonctions javascript dans ma balise head :
Code
<script language="javascript">
<!--
var coeff=4;//Coefficient de reduction
var larg=379;//largeur maxi de l'image
var haut=511;//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>
Puis à l'endroit où j'appelle mes images, j'ai mis ce code (en l'ayant adapté par rapport à la version du tuto bien évidemment) :
Code
<?php echo '<a onMouseOut="initial()" onMouseOver="changer()">' . tep_image(DIR_WS_IMAGES . $product_info['products_image'], $product_info['products_name'], SMALL_IMAGE_WIDTH, SMALL_IMAGE_HEIGHT, ' style="margin:0px 0px 0px 0px;"') . ' '; ?>
<script language="JavaScript">
<!--
document.image.width = Math.round(larg/coeff);
document.image.height = Math.round(haut/coeff);
//-->
</script>
L'effet souhaité n'apparaît donc pas.
Quelqu'un pourrait-il m'aider à corriger mon code ?
Merci d'avance
