0

Jack Moore http://www.jacklmoore.com/zoom/によって作成された、マウスオーバーまたはマウスダウンで画像を拡大するプラグインを見つけました。以前の画像を非表示にして 2 番目の画像を追加した後、それを使用しています。ボタンオプションを押すかダブルクリックして最初の画像に戻りたいのですが、ズームメソッドが呼び出されるたびに、拡大機能を終了するために何かをする可能性がないことに気付きました。私のコードの簡略版は以下のとおりです。 

<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