fix errors on IE8 because of img.style.left/top not available

[cmwelsh]

Hi there. Nice plugin. I fixed an error on IE8 real quick for you with this patch. I will send you a link to my site when it launches - your plugin works really well. Thanks.

[jackmoore]

Thanks. What was the problem with using element.style to set the properties?

[cmwelsh]

This was the error:

Error: Invalid procedure, call or argument

[cmwelsh]

This was sort of my fault. I am doing some weird stuff. Here is the code I wrote to turn on your plugin and never turn it off:

$thumbnail.on('click', function (e) {
    e.preventDefault();
    $full.fadeIn();

    // fake hover start
    $full.find('.zoomImg').mouseenter();
    // disable hover end
    $full.find('.zoomImg').off('hover');

    // load initial position
    var fakeEvent = jQuery.Event("mousemove");
    fakeEvent.pageX = e.pageX;
    fakeEvent.pageY = e.pageY;
    $.event.handle.call($full.find('.zoomImg').get(0), fakeEvent);
});

This line caused the error:

    $full.find('.zoomImg').mouseenter();

e.pageX and e.pageY were undefined in the handler triggered by this line in IE8.

[cmwelsh]

I am going to retract this pull request and just write a patch that adds the feature I need directly, so I don't need to do any of the crazy gymnastics in the above example. It will allow the user to trigger the zoom on and off manually with code. If I forget to submit a pull request for my fork, forgive me - things are crazy busy.

[cmwelsh]

Here is the page where I am using your plugin:

http://ranchroadboots.com/products/boots/shelter-half-diamond-2/

Just thought you might want to see. Thanks for the code!

[jackmoore]

The site looks great, thanks for sharing that.