Bonjour,
Je tente, mais sans succès d'intégrer un nouveau bout de jQuery dans ma page produit.html.
Le but est très simple : mon produit a 1 photo principale et 4 photos vignettes. Le but lorsqu'on clique sur l'une des vignettes est qu'elle prenne la place de l'image principale.
J'ai tenté le code suivant, mais je ne sais pas ce que je dois écrire dans le <scrypt > dans la partie "...attr('src','#IMAGE')". J'ai tenté le #IMAGE, la boucle image entière...bref, je suis un peu perdue.
Je vous remercie vraiment pour votre aide.
******************************************************
<script type="text/javascript">
$('document').ready(function(){
$('#vignette').click(function(){ $('#image-principale').hide().attr('src','#IMAGE').fadeIn(800); });
});
</script>
<THELIA_PROD type="PRODUIT" id="#PRODUIT_ID">
<h2>#TITRE</h2>
<table>
<tr>
<td>
<THELIA_img type="IMAGE" num="1" produit="#ID" largeur="500" hauteur="500" exacte="1">
<div style=""><img id="image-principale" src="#IMAGE" alt="#PRODTITRE" title="#PRODTITRE"/></div>
</THELIA_img>
</td>
</tr>
</table>
<table>
<tr>
<td>
<THELIA_vignette type="IMAGE" produit="#ID" debut="1" largeur="78">
<img id="vignette" src="#IMAGE" alt="#PRODTITRE" title="#PRODTITRE" />
</THELIA_vignette>
</td>
</tr>
</table>
<THELIA_PROD />