Estoy usando este complemento para habilitar un zoom de imagen en mi sitio:

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

Modifiqué el código para que la lupa solo aparezca cuando haces clic en la imagen (el cursor del mouse es una lupa cuando pasas el cursor sobre la imagen para sugerir que puedes hacer clic para ampliar). El código se parece a lo siguiente:

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

Este código funciona bien. Pero lo que me gustaría hacer es también eliminar el efecto de zoom al hacer clic. Cualquier código que intento y escribo no funciona ... ¿Alguna sugerencia?

¡Gracias!

EDITAR:

Encontré esta nota de github que parece sugerir que hay una función changeState:

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

Pero estoy teniendo problemas para usarlo sin documentación ...

Ahora mismo tengo algo como esto (solo para probarlo):

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



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

Esto parece funcionar bien: cuando hago clic en la imagen, obtengo la función de zoom, cuando hago clic en este otro div (aleatorio), destruye la función de zoom. ¿Pero no puedo averiguar cómo activar / desactivar la función changeState al hacer clic en la imagen?

¡Gracias!