How to properly making it work when the image is not occupying 100% of the container width?

[hanoii]

I have an image inside a fixed height/width container, even if I wrap it up in the wrapper element, that element also get the full width, but the image is smaller and is center.

When I hover over the image, the lens is all the way to the left of the image.

Is there a way I can properly use this plugin in such a case?

[sfkaos]

@hanoii Not sure if you care anymore, but to try and fix this I hijack the position of the lens in the onthumbmove event and use the offset of the thumb to reposition the x value like this:

    onthumbmove: function (event) {        
        var thumb = $( "#thumb" );
        var offset = thumb.offset();
        $("#thumb-lens").css({left:(event.x - (offset.left/2)), position:'absolute'});
    }

Probably not the cleanest solution but simple and easy.