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
what version are you using?
I am using virtuemart 2.0.24 version
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