Я использую этот плагин для включения увеличения изображения на моем сайте:

http://www.elevateweb.co.uk/image-zoom/

Я изменил код так, чтобы увеличительное стекло появлялось только при нажатии на изображение (курсор мыши - это увеличительное стекло, когда вы наводите курсор на изображение, чтобы указать, что вы можете нажать для увеличения). Код выглядит следующим образом:

    $("#mainimage").click(function() {
    $("#mainimage").elevateZoom({
        zoomType: "lens",
        lensShape: "round",
        lensSize: 300
        });
    });

Этот код работает нормально. Но то, что я хотел бы сделать, это также удалить эффект увеличения при нажатии. Любой код, который я пытаюсь написать, не работает ... Есть предложения?

Спасибо!

РЕДАКТИРОВАТЬ:

Я нашел это примечание github, которое, кажется, предполагает, что есть функция changeState:

https://github.com/elevateweb/elevatezoom/commit/81c2cc4946f6bebc33c0d8e804b046b36fa1bc61

Но у меня проблемы с использованием без документации ...

Прямо сейчас у меня есть что-то вроде этого (просто чтобы проверить это):

    $("#mainimage").click(function() {
    $("#mainimage").elevateZoom({
        zoomType: "lens",
        lensShape: "round",
        lensSize: 300
    });
});



$('.productbioimage').click(function(){
    var ez =   $('#mainimage').data('elevateZoom');    
    ez.changeState('disable');
});

Кажется, это работает нормально - когда я нажимаю на изображение, я получаю функцию масштабирования, когда я нажимаю этот другой (случайный) div, это уничтожает функцию масштабирования. Но я не могу понять, как включить / отключить функцию changeState при нажатии на изображение?

Спасибо!