jquery - 对大于视口的图像使用 Fancybox

Question

我正在将 FancyBox 插件用于将在触摸屏上提供的站点。一些功能要求允许用户“放大”到比视口大得多的图片。

我希望发生以下情况：

- 用户应该能够滚动图片（滚动条可以），但目前，我无法显示水平滚动条（垂直滚动条可以）。

如果您单击该页面，然后单击“土著传统”，最后单击照片下方的“缩放和探索”，您可以在此链接上看到该功能。

是否有其他插件可以轻松完成同样的任务？

Answer 1

尝试这个：

给你的图像元素一个类名。例如，

<a class="fancybox" href="path/to/123.png">Picture</a>

在 jquery.fancybox.js 的最底部，键入以下代码：

$(document).ready(function() {
    $(".fancybox").fancybox({
        type: 'iframe',
        width: 1200
    });
});

它适用于我的网站。您可以根据需要更改宽度。希望能帮助到你！