[SOLVED] Explanation how images changes in the product page?

[YaKs]

Hi,

Could someone tell me how the change of the images is done in the product page? I am been debugging with firebug and there is an onmouseover event that change the image but I cannot see in which point it is link with the img. I saw that there is a class called 'shown' that it is assigned to the anchor to mark when it is visible

but there is no onmouseover event link the anchor...

could someone help me out to understand how does it work?
I am trying to visualize several products in the same page and 'change image' effect only works for the first product.

http://v2.muertosdearte.com/category.php?id_category=6

thanks a lot.
jose

[rocky]

PrestaShop uses the displayImage function in js/product.js in your theme's directory to handle switching the big product image.

[YaKs]

Thanks Rocky,
I figured out yesterday night. I have been struggling with jQuery how to go through the whole DOM tree and register the method displayImage for each 'view_block li a' element. I didnt know how to make a loop so what I did is to set a maximum of 5 product in the category list and create manually 5 hover hooks...

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

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

the I put a counter in category.php and create those view_block[index]... and it works!

http://v2.muertosdearte.com/category.php?id_category=6

thanks anyway for the fast reply

cheers!
Jose