How can I unbind JQZOOM in my JQuery Script?

Posted by Andy Barlow on Stack Overflow See other posts from Stack Overflow or by Andy Barlow
Published on 2010-02-25T14:35:34Z Indexed on 2010/03/15 12:29 UTC
Read the original article Hit count: 381

Filed under:
|

Hello,

I have this script at the moment, which changes an image when a thumbnail has been changed. I then want JQZOOM to be added to that new image. However, if I put it inside the Onclick event, it gets slower and slower the more times you click on it... I guess because its running multiple instances.

Is there anyway to unbind the JQZOOM from something then rebind it to something else?

Here is my jquery at the moment:

var options = {
    zoomWidth: 400,
    zoomHeight: 325,
    xOffset: 25,
    yOffset: 0,
    position: "right",
    lens: true,
    zoomType: "reverse",
    imageOpacity: 0.5,
    showEffect: "fadein",
    hideEffect: "fadeout",
    fadeinSpeed: "medium",
    title: false
};

$('.jqzoom').jqzoom(options);

$('.single-zoom-image').click ( function () {

    $('#bigProductImage').attr("src", $(this).attr("zoom"));
    $('.jqzoom').attr("href", $(this).attr("extrazoom"));

});

Thanks in advance if anyone can help me.

Cheers!

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about php