從主站點的iframe中啓動的FancyBox庫僅影響iframe？

我得到了一個網站，其中有六個主要網站的基本結構，每個網站都有許多子菜單。這些子網站通過iframe和javascript加載到當前主頁面。我在這些子菜單網站上有很多圖片，我想我會嘗試一下Fancybox。從主站點的iframe中啓動的FancyBox庫僅影響iframe？

我裝了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() {

和許多其他類似形式，但不幸的是，這些都不奏效了。

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

最好的問候，亞歷

來源

2012-09-22 Alex

檢查http://stackoverflow.com/a/8855410/1055987的說明和演示 – JFK

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

來源

2012-09-22 16:09:01 Serge

好吧，我也把相同的代碼放在主站點上。我現在有我的主網站上的代碼加載iframe，並在我實際加載到iframe的頁面上，它仍然不起作用？ – Alex

從主站點的iframe中啓動的FancyBox庫僅影響iframe？

回答

相關問題