javascript - Fancybox画廊弹出问题

Question

我确信我已经为此选择了完美的标题，但是，如果有人能想出更好的标题，请随意编辑。不管怎样，当你点击图像时，我在为我的画廊集成 jQuery 插件 fancybox 时遇到了一个小问题，它意味着打开一个弹出窗口。展示画廊click here

我选择使用 iframe 的原因是因为我希望图库能够同时展示视频和图像。 iframe 是实现此目的的正确格式吗？

<script type="text/javascript">
$(document).ready(function() {
    $(".various").fancybox({
        minWidth    : 902,
        minHeight   : 505,
        fitToView   : true,
        width       : '50%',
        height      : '50%',
        closeClick  : true,
        openEffect  : 'fade',
        closeEffect : 'fade',
        type : 'iframe',
        preload: 'auto',
        helpers: {
            thumbs: {
             width   : 50,
             height  : 50
            } // closes thumbs
           } // closes helpers
    });
});

我正在使用插件Montage对于响应式元素。如果两个插件之间存在某种形式的冲突。有人可以纠正我哪里出错了。

Answer 1

我最近尝试使用 fancybox 来显示图像和照片，但我找不到合适的解决方案。相反，我使用 PrettyPhoto我发现它非常好，有很多可定制的选项。如果您愿意/能够从 fancybox 切换，我建议使用它。

要进行设置，只需设置您的 PrettyPhoto 选择器

$("a[rel^='prettyPhoto']").prettyPhoto();

然后，对于要在图库中显示的每个图像和/或视频链接，只需将属性(在方括号中包含图库名称)添加到链接即可

rel="prettyPhoto[myGalleryName]"