Question

我有一个网站，其基本结构有六个主要网站，每个网站都有许多子网站。这些子网站通过iframe和javascript加载到当前主页面中。我在这些子菜单网站上有很多照片，我想我会试试Fancybox。

我将css和javascript文件加载到子菜单站点，按照说明定义了图片：

<a class="fancybox-systa" data-fancybox-group="wat" href="pics/big/b1.jpg" title="Lorem ipsum dolor sit amet"><img src="pics/small/s1.jpg" alt="" /></a>

并在网站上包含了启动脚本：

<script type="text/javascript">
            $(document.ready(function() {
            $('.fancybox-systa').fancybox({
                helpers: {
                    title : {
                        type : 'inside'
                    }}});   
        });
    </script>
    <style type="text/css">
        .fancybox-custom .fancybox-skin {
            box-shadow: 0 0 50px #222;
        }
    </style>

它工作正常，但它只影响iframe，我希望我的画廊影响整个父窗口，这样整个窗口就会淡出，而不仅仅是小的iframe分区。

我试图像这样调用函数：

$(parent.document.ready(function() {

和许多其他类似的形式，但不幸的是，没有一个成功。

我真的很感激有关这方面的任何提示。

祝你好运，亚历

Answer 1

是。 FancyBox可以在加载到IFRAME中的文档中使用。帧也是如此。所以你需要在任何地方初始化它。

在主站点的iframe中启动的FancyBox库仅影响iframe？

1 个答案: