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: 433
        
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