2012-01-26 72 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