Agrandissement miniature produit, changer le passage souris par un Click

[graphee]

Bonjour a tous, voila mon souci :

Actuellement il faut passer la souris sur les vignettes photos d'un produit pour que la photo se voie en plus grand. J'aimerais enlever cette effet de ROLLOVER pour lui preferer un bon vieux CLICK

j'ai réussi à le faire sauf que ducoup c'est mon tickbox qui ne marche plus car dans product.tpl le lien est fait sur la miniature et se répercute par javascript sur la grande image, quelqu'un pourrait t'il me filer un coup de main sur cette modification?

CODE ACTUEL "PRODUCT.TPL"

getImageLink($product->link_rewrite, $imageIds, 'thickbox')}" rel="other-views" class="{if !$jqZoomEnabled}thickbox{/if} {if $smarty.foreach.thumbnails.first}shown{/if}" title="{$image.legend|htmlspecialchars}">

CODE modifié PRODUCT.TPL

getImageLink($product->link_rewrite, $imageIds, 'thickbox')}" onclick="return false" title="{$image.legend|htmlspecialchars}"> 

CODE ACTUEL "MON THEME / JS / PRODUCT.JS"

function displayImage(domAAroundImgThumb)
{
   if (domAAroundImgThumb.attr('href'))
   {
       var newSrc = domAAroundImgThumb.attr('href').replace('thickbox','large');
       if ($('#bigpic').attr('src') != newSrc)
       { 
           $('#bigpic').fadeOut('fast', function(){
               $(this).attr('src', newSrc).show();
               if (typeof(jqZoomEnabled) != 'undefined' && jqZoomEnabled)
                   $(this).attr('alt', domAAroundImgThumb.attr('href'));
           });
       }
       $('#views_block li a').removeClass('shown');
       $(domAAroundImgThumb).addClass('shown');
   }
}

//hover 'other views' images management
   $('#views_block li a').hover(
       function(){displayImage($(this));},
       function(){}
   );

CODE modifié "MON THEME / JS / PRODUCT.JS"

function displayImage(domAAroundImgThumb)
{
   if (!domAAroundImgThumb.hasClass('shown'))
   {
       if (domAAroundImgThumb.attr('href'))
       {
           var newSrc = domAAroundImgThumb.attr('href').replace('thickbox','large');
           $('#bigpic').fadeOut('fast', function(){
               $(this).attr('src', newSrc);
               $(this).load(function() {
                 $(this).fadeIn('fast')
               })
               ;
           });
           $('#views_block li a').removeClass('shown');
           $(domAAroundImgThumb).addClass('shown');
       }
   }
} 

    

//hover 'other views' images management
   $('#views_block li a').click(
       function(){displayImage($(this));},
       function(){}
   );

le gros de mon problème c'est que en laissant le lien dans product.tpl tel qu'il est d'origine tout fonctionne mais tickbox se LANCE lorsque je click sur la miniature, en modifiant le lien comme ci dessus tickbox de marche plus dutout.

je suis pas calé en JS j'espere que vous pourrez m'aider !

merci a tous

[123julien]

Salut graphee,

Je suis très intéressé par ce problème. As-tu trouvé une solution?

D'avance merci

Julien