Cloud Zoom Issue

I updated to the latest versions of the Ultimate plugin collection. Now my Cloud Zoom is acting crazy. Basically i'm using the "Inside" zoom type. When I try to zoom it only uses about half of the image and the normal image is halfway covered up. Please see what i'm talking about at: http://www.shinybars.com/1oz-silvertowne-trademark-bar-999-fine

If I may add something off topic to this post. I don't know what I did differently than before, but I lost all of my settings from the previously configured ultimate plugin collection to include sliders, jcarosel's, and all setting associated with smart seo, etc.

Hi jburke,

I just enabled the Cloud Zoom on our demo store to be Inside and it works fine. Please note that it also runs the latest version of the Cloud Zoom. So you have either not updated correctly or you have made some changes to the styling that break it?

Thanks

I completely removed the cloud zoom folder, cleared the cache, re-installed version 3.1.349.8541 (this morning), restarted the application and still have the same issue. The odd thing is that it is not on all products and I have not made any changes to the template that would affect this.

Please see these:

Messed up: http://www.shinybars.com/1-oz-rand-refinery-lunar-year-of-the-snake-silver-bar-999-fine

Doesn't work at all on the 1st image and has been this way since before the recent issues: http://www.shinybars.com/2013-1oz-american-silver-eagle-brilliant-uncirculated

Works perfectly on this one: http://www.shinybars.com/1oz-avdp-copper-bullion-round-999-fine

It works correctly within the quickview. I'm digging through css and any minor template changes that I have made in the past and don't see anything that stands out. It looks like the cloud zoom overlay is loading off to the left of the image for some reason. Regardless, it was working before I installed 3.1.349.8541. I'll keep looking for a solution. If you have any ideas, please let me know!

Hi jbruke,

Could you add this code into the CloudZoom.css file?

#wrap {
  display: inline-block;
  overflow: hidden;
}

Please let me know if this fixes the issue.

Thanks

I figured out the issue. This certainly didn't exist before, but the problem is the picture its self. The pictures for the non-working ones are smaller size and rectangle. If i simply upload a larger picture and make it square with whitespace it works fine. I'll just update my pictures and all should be well!

EDIT: I just noticed your post above. I'll give that a try before I update the pictures.

Boyko,

The below suggestion appears to have fixed the issue! Thank you for the great support.

Regards,
jburke