jQuery图像缩放，允许在移动设备上滚动

Question

我已经通过panzoom.js，EasyZoom.js，提升变焦和杰克摩尔的jQuery缩放试图找到一个执行内部缩放的插件。所有这些缩放插件都可以在桌面和移动设备上运行，但移动设备除外，当我的图像以横向方向覆盖整个窗口时。我找不到的插件有移动设备的taphold-move缩放功能，因此如果图像填满窗口，您仍然可以滚动页面。

我尝试编辑这些插件中的触控功能无济于事。在这种情况下，最佳做法是什么？

$(window).on('load', function() {
    if ($(window).width() > 992) {
        $.each($('img.panzoom'), function(index) {
                $(this)
                .wrap('<span style="display:inline-block"></span>')
                .css('display', 'block')
                .parent()
                .zoom({
                    on: 'mouseover',
                    url: $(this).attr('data-zoom-image'),
                    target: $(this).parent()
                });
        });
    } else {
      // mobile functional zoom plugin code
    }