开画廊从在iframe调用的fancybox

Question

嗯，我有跟随对这个问题进行说明：call Fancybox in parent from iframe

但是，是不是为我工作。

在本例中，他有一个像JavaScript的内部空间：

$('.imagen').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, 
      helpers: { 
       overlay: { 
       opacity: 0.3 
       } // overlay 
       //, buttons: {} 
      } // helpers 
     }); // fancybox 
    }); 

在我的情况下，我使用的类似的fancybox页面指示：

<a href="javascript:parent.$.fancybox.open({href : 'myurl'});" rel="group1">Open something</a> 
<a href="javascript:parent.$.fancybox.open({href : 'myurl'});" rel="group1">Open something</a> 
<a href="javascript:parent.$.fancybox.open({href : 'myurl'});" rel="group1">Open something</a> 
<a href="javascript:parent.$.fancybox.open({href : 'myurl'});" rel="group1">Open something</a> 

它的工作，但显示简单的图像，而不是作为画廊

我怎么能把这个画廊？

Answer 1

在你的iframe：

HTML：

<a class="fancybox" rel="group1" href="1.jpg">Image#1</a> 
<a class="fancybox" rel="group1" href="2.jpg">Image#2</a> 

JS：

$(document).on('click','.fancybox',function(){ 
    var rel = $(this).attr('rel'); 
    var images = []; 
    $('[rel="'+rel+'"]').each(function(){ 
     var image = $(this).attr('href'); 
     images.push({href:image}); 
    }); 
    parent.$.fancybox(images); 
    return false; 
}); 

不要忘记在您的iframe jQuery的文件。

未经检验的，请与你的真实图像

父测试：极品的jquery.js，Fancybox.js

的iFrame：需要的jquery.js和我的剧本上