1

我有一个网站，其基本结构由六个主要站点组成，每个站点都有许多子菜单。这些子站点通过 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() {

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

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

最好的问候，亚历克斯

4

1 回答 1

0

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

于 2012-09-22T16:09:01.707 回答