Estou usando este plugin para ativar um zoom de imagem no meu site:

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

Modifiquei o código para que a lupa apareça apenas quando você clica na imagem (o cursor do mouse é uma lupa quando você passa o mouse sobre a imagem para sugerir que você pode clicar para ampliar). O código é semelhante ao seguinte:

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

Esse código funciona bem. Mas o que eu gostaria de fazer também é remover o efeito de zoom no clique. Qualquer código que eu tento escrever não funciona ... Alguma sugestão?

Obrigado!

EDITAR:

Eu encontrei esta nota no github que parece sugerir que há uma função changeState:

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

Mas estou tendo problemas para usá-lo sem documentação ...

Agora eu tenho algo parecido com isto (apenas para testá-lo):

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



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

Isso parece funcionar bem - quando clico na imagem, obtenho a função de zoom, quando clico nessa outra div (aleatória) destrói a função de zoom. Mas não consigo descobrir como alternar a função ativar / desativar o changeState ao clicar na imagem?

Obrigado!