Question

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

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

提前致谢。

你会从这里获得插件

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

Answer 1

现在我已经在我的本地机器上进行了测试，它的工作正常。

在标题

中添加脚本

<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对象

/**
     * @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指定放大/缩小按钮的快捷键

1 个答案: