Hello everyone!
I managed to create a product details template where the additional images are shown beneath the main image, and the main image changes when I hover over those additional image thumbnails. I also made sure that the main image shows the resized image instead of the full size one. This is because I build in a zoom functionality (jQzoom) which will show the full sized one when I hover over the main image.
My problem:
When I hover over the additional image thumbnails, the main image changes, but it changes to the full-size image. I want it to show the resized image instead of the full-size image, otherwise my zoom functionality and my layout gets messed up.
Any help would be greatly appreciated! I have been trying myself for hours now to no avail..
I think jQzoom settings are the case. But why don't you use CSS (hidden div) & JS (mouseover)? It's lite and much easy for this situation I suppose.
Upd. And this way is free of any charge.. ;)