/*** UPDATE ***/
I ended up hacking the cloud-zoom option, as it has the onclick functionality inherently. I then set the zoom function to "display:none" in the cloud-zoom css file. A bit of a hack, but it has the desired result. I'd still be interested in knowing if anyone has a way of getting the "internal" option to work on click though!
/*** /END UPDATE ***/
Hi All,
I'm using the "Internal" detailed product image option here, with thumbnails displayed under the main product image:
http://future.thefutureforward.com/~field/product-one.html
What I'm looking to do is have the image replacement occur "onclick" instead of "onmouseover". I also need to remove the inline width/height style settings on the "image-box" div, but when I do this currently it breaks the internal image swap function.
I've tried straight swapping out the existing "onmouseover" code in "common_files/module/Detailed_Product_Images/popup_image.tpl" and placing it inside the "onclick" of the <a> tag, but it doesn't work.
Any ideas on how to make that internal image swap occur
onclick would be amazing!