Detailed Product Images - Adjusting the "Internal" option
 

/*** 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!