为 fs.zoomer.js 的放大/缩小按钮分配快捷键

Question

请访问查看http://www.jqueryscript.net/demo/Smooth-Image-Enlargement-Plugin-Zoomer/

我想为放大和缩小按钮添加快捷键。我试过但没有得到合适的事件监听器来开始工作。

提前致谢。

你将从这里获得插件

http://www.jqueryscript.net/zoom/Smooth-Image-Enlargement-Plugin-Zoomer.html

Answer 1

现在我在我的本地机器上测试它工作完美。

在header中添加脚本

<script>
    $(document).ready(function () {
            $(".demo .zoomer_basic").zoomer();

            $(".zoominn").click(function () {
                $(".demo .zoomer_basic").zoomer('zoomInn');
            });

            $(".zoomoutt").click(function () {
                $(".demo .zoomer_basic").zoomer('zoomOutt');
            });

            $(window).on("resize", function (e) {
                $(".demo .zoomer_wrapper").zoomer("resize");
            });

            $(window).one("pronto.load", function () {
                $(".demo .zoomer_basic").zoomer("destroy");
                $(".demo .zoomer_custom").zoomer("destroy");
                $(".demo .zoomer_tiled").zoomer("destroy");
                $(".demo .load_zoomer_tiled").off("click");
            });
        });
</script>

这是 pub object 中 destroy 方法

中包含的代码

/**
     * @method
     * @name zoomInn
     * @example $(".target").zoomer("zoomInn");
     */
    zoomInn: function() {
        var $targets = $(this).each(function(i, target) {
            var data = $(target).data("zoomer");

            if (data) {
                data = _setZoomPosition(data);
                data.keyDownTime = 1;
                data.action = "zoom_in";

                data = _clearZoomPosition(data);
            }

        });

        return $targets;
    },

    /**
     * @method
     * @name zoomOutt
     * @example $(".target").zoomer("zoomOutt");
     */
    zoomOutt: function() {
        var $targets = $(this).each(function(i, target) {
            var data = $(target).data("zoomer");

            if (data) {
                data = _setZoomPosition(data);
                data.keyDownTime = 1;
                data.action = "zoom_out";

                data = _clearZoomPosition(data);
            }

        });

        return $targets;
    },

为 fs.zoomer.js 的放大/缩小按钮分配快捷键

Assign shortcut key for zoom In/ zoom Out buttons for fs.zoomer.js

jquery

zooming