0

我找到了由 Jack Moore http://www.jacklmoore.com/zoom/编写的用于在鼠标悬停或鼠标按下时放大图像的插件，我在隐藏前一张图像并添加第二张图像后使用它。我想返回到第一张图像 - 按下按钮选项或双击 - 但我意识到，只要调用缩放方法，就不可能做任何事情来离开放大功能。我的代码的简化版本如下： 

<html>
    <head>
        <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
        <script src='jquery.zoom.js'></script>
        <script>
            function changeimg() {
                $("#img1").hide();
                text = "<span id='onclickzoom'>";
                text += "<img src='img2.png' onclick='zoomfunc()' alt='hello'/></span>";
                $("body").append(text);
                zoomfunc();
            }
            function gbf() {
                $('#onclickzoom').remove();
                $("#img1").show();
            }
            function zoomfunc() {
                $('#onclickzoom').zoom({
                    on: 'click'
                }); /*I need to leave in a moment from this method using a button or double click*/
            }
        </script>
    </head>
    <body>
        <img src="img1.png" onclick='changeimg(this)'>
    </body>
</html>

gbf() 函数用于恢复第一张图像，我不知道如何调用它或退出此缩放模式。有任何想法吗？

4

0 回答 0