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

Question

我正在为将在触摸屏上交付的网站使用 FancyBox 插件。某些功能要求允许用户“放大”比视口(viewport)大得多的图片。

我希望发生以下情况:

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

您可以在 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
    });
});

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