blancmarine06 Posted March 18, 2013 Share Posted March 18, 2013 (edited) Bonjour à tous ! J'aimerai savoir comment modifier le template du module ebay. Plus précisément, j'aimerai savoir comment utiliser les variables {MAIN_IMAGE} {MEDIUM_IMAGE_1} {MEDIUM_IMAGE_2} et {MEDIUM_IMAGE_3}. J'aimerai faire en sorte de pouvoir zoomer les photos produits ou bien au passage de la souris sur les images, les afficher en plus grand sur la page principal. Un peu comme sur mon autre site ici : http://www.blancmari...t-pliable-2.htm Mon code javascript fonctionne parfaitement pour des images en local (à partir du chemin) mais par pour les variables. Comment faire ? Version Prestashop 1.4.7 Vanessa, Blanc Marine Voici mon code (testé avec des images de petits animaux) pour mon site http://www.interphon...ne-sans-fil.com <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i]; } } } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p); } if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){ document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2]; } } --> </script> <body bgcolor="#333333" onload="MM_preloadImages('img/chaton1.jpg','img/chaton2.jpg','img/chiot1.jpg','img/chiot2.jpg','img/poussin1.jpg','img/poussin2.jpg')"> <table width="400" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"> <h3> <img src="img/chaton1.jpg" name="produit" width="400" height="300" border="1" id="produit" onmouseover="MM_swapImage('produit','','img/chaton1.jpg',1)" onmouseout="MM_swapImgRestore()" alt="visiophone 1" /> </h3> </td> </tr> <tr> <td> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <th scope="col"> <h3> <img src="img/chiot2.jpg" width="125" height="100" onmouseover="MM_swapImage('produit','','img/chiot1.jpg',1);MM_swapImage('produit','','img/chiot2.jpg',1)" onmouseout="MM_swapImgRestore()" alt="visiophone 2" /> </h3> </th> <th scope="col"> <img src="img/chaton1.jpg" width="125" height="100" onmouseover="MM_swapImage('produit','','img/chaton1.jpg',1);MM_swapImage('produit','','img/chaton1.jpg',1)" onmouseout="MM_swapImgRestore()" alt="visiophone 2" /> </th> <th scope="col"> <img src="img/poussin1.jpg" width="125" height="100" onmouseover="MM_swapImage('produit','','img/chaton1.jpg',1);MM_swapImage('produit','','img/poussin1.jpg',1)" onmouseout="MM_swapImgRestore()" alt="visiophone 3" /> </th> </tr> </table> </td> </tr> </table> Edited March 18, 2013 by blancmarine06 (see edit history) Link to comment Share on other sites More sharing options...
blancmarine06 Posted March 20, 2013 Author Share Posted March 20, 2013 Je n'arrive toujours pas à résoudre mon problème... Y aurait-il une âme généreuse pour m'aider s'il vous plaît ? Vanessa, Blanc Marine Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now