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]"

Fancybox画廊弹出问题

1 个答案: