Image hover issue

[webimaginations]

Hi,

I have a template with virtuemart installed but it has an image hover malfuntction. More specifically, in products section, it shows a basic image of the product and below there are other instances of the product shown as thumbnails. However, when the mouse hovers over the thumbnail the basic picture changes automatically. I would like the image to change by clicking not hovering. Here is an example of the situation http://angel3.web-imaginations.com/shop/shirts/301-detail

                                                                                                                                                                                                                                                                                            Thanks in advance

[PRO]

what version are you using?

[webimaginations]

I am using virtuemart 2.0.24 version

[PRO]

i dont use this function BUT in my native version #26A


it is set to click

views/productdetails/default_images.php


vmJsApi::js( 'fancybox/jquery.fancybox-1.3.4.pack');
vmJsApi::css('jquery.fancybox-1.3.4');
$document = JFactory::getDocument ();
$imageJS = '
jQuery(document).ready(function() {
   jQuery("a[rel=vm-additional-images]").fancybox({
      "titlePosition"    : "inside",
      "transitionIn"   :   "elastic",
      "transitionOut"   :   "elastic"
   });
   jQuery(".additional-images .product-image").click(function() {
      jQuery(".main-image img").attr("src",this.src );
      jQuery(".main-image img").attr("alt",this.alt );
      jQuery(".main-image a").attr("href",this.src );
      jQuery(".main-image a").attr("title",this.alt );
   });
});
';
$document->addScriptDeclaration ($imageJS);




if you notice the    .click(function()


your source code says   .mouseenter