Ich verwende dieses Plugin, um einen Bildzoom auf meiner Website zu aktivieren:

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

Ich habe den Code so geändert, dass die Lupe nur angezeigt wird, wenn Sie auf das Bild klicken (der Mauszeiger ist eine Lupe, wenn Sie mit der Maus über das Bild fahren, um anzuzeigen, dass Sie zum Zoomen klicken können). Der Code sieht folgendermaßen aus:

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

Dieser Code funktioniert gut. Ich möchte aber auch den Zoomeffekt beim Klicken entfernen. Jeder Code, den ich versuche zu schreiben, funktioniert nicht ... Irgendwelche Vorschläge?

Vielen Dank!

BEARBEITEN:

Ich habe diese Github-Notiz gefunden, die darauf hinzudeuten scheint, dass es eine changeState-Funktion gibt:

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

Aber ich habe Probleme damit, es ohne Dokumentation zu benutzen ...

Im Moment habe ich so etwas (nur um es zu testen):

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



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

Dies scheint in Ordnung zu sein - wenn ich auf das Bild klicke, wird die Zoomfunktion deaktiviert, wenn ich auf diese andere (zufällige) Teilung klicke. Aber ich kann nicht herausfinden, wie ich die changeState-Funktion beim Klicken auf das Bild aktivieren / deaktivieren kann.

Vielen Dank!