2012-01-26 123 views
0

好打開時不顯示我曾問一個問題之前,有關如何從一個iframe父頁面打開的fancybox。該解決方案像一個魅力工作,仍然有效。現在我已經要求它顯示左側,右側箭頭,但似乎在父頁面中打開的代碼導致它不顯示按鈕? :S這裏是我到目前爲止有:的fancybox按鈕父頁面

<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-buttons.css?v=2.0.3" /> 
<script type="text/javascript" src="js/jquery.fancybox-buttons.js?v=2.0.3"></script> 

<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-thumbs.css?v=2.0.3" /> 
<script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=2.0.3"></script> 
<script> 
    /* <![CDATA[ */ 
    $(document).ready(function() { 
    $('.fancybox-buttons').click(function(e){ 
    e.preventDefault(); 
    parent.$.fancybox({ 
      openEffect : 'none', 
      closeEffect : 'none', 

      prevEffect : 'none', 
      nextEffect : 'none', 

      closeBtn : false, 

      helpers : { 
       title : { 
        type : 'inside' 
       }, 
       buttons : {} 
      }, 
      href: this.href 
     }); 
    }); 
     }); // ready 
     /* ]]> */ 
    </script> 

如果我改變了:

$('.fancybox-buttons').click(function(e){ 
    e.preventDefault(); 
    parent.$.fancybox({ 

$('.fancybox-buttons').fancybox({ 

它的工作原理,但它在我父頁面無法打開。請幫助?

回答

1

你確定你已經裝在兩個頁面,父頁面和iframed網頁上,所有的jQuery和的fancybox CSS和JS文件(包括按鍵和拇指JS和CSS文件)?

在另一方面,你說,如果你刪除parent參考,則代碼顯示了左/右導航箭頭?

$('.fancybox-buttons').click(function(e){ 
e.preventDefault(); 
parent.$.fancybox([ 
    {href:'images/01.jpg', title: '01'}, 
    {href:'images/02.jpg', title: '02'}, 
    {href:'images/03.jpg', title: '03'} 
],{ 
    // href: this.href // not needed 
    // other options, e.g. 
    helpers : { 
    title : { 
    type : 'inside' 
    }, 
    buttons : {} 
    }, 
    ......etc. 
}); // fancybox 
}); // click 
:由於您使用的是「手動」調用方法(在父頁面打開),在那裏你不能有默認的畫廊,除非你自定義的腳本中手動設置您的畫廊 一樣,將是不可思議

如果您想查看,我更新了我的demo page here

+0

快速問題你爲什麼要在jQuery中設置圖像?它不能從所有具有「fancybox-buttons」作爲課堂的圖像中讀取嗎? – Andres

+0

無法與手工方法(使用jQuery點擊())...如果你使用$(」的fancybox-按鈕 ')。的fancybox(),那麼你可以,但你正在使用$(' 的fancybox-按鈕)。點擊()以便在父頁面中打開。正如你可以看到第一個問題的解決方案在第二個問題中給你帶來了限制。 – JFK

+0

哦~~知道了感謝的人就像一個魅力,幸運的是它只有大約5張圖片,所以我沒有寫儘可能多的;) – Andres

0

你應該初始化從父窗口中的元素,將工作的fanchbox plguin。

$('someElementOrButtonFromParent', window.parent).fancybox(); 
+0

不能肯定我明白this..my圖片都是iframe中,但是當我告訴他們使用的fancybox我想在彈出的parent..that部分作品展示,什麼不能是助手按鈕喜歡下和後退箭頭等 – Andres