Additional images: main image must show resized image on mouseover

[kregus]

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..

[AmStaF]

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..