将Fancybox与大于视口的图像一起使用

Question

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

我希望以下情况发生：

- 用户应该能够滚动图片（滚动条确定），但此刻，我无法显示水平滚动条（垂直滚动条）。

如果您点击页面然后点击“土着传统”，您可以在this link看到功能，最后点击照片下方的“缩放和探索”。

是否有其他插件可以在没有麻烦的情况下完成相同的目的？

Answer 1

试试这个：

为图像元素指定一个类名。例如，

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

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

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

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