Javascript 使用fancyBox从Iframe调用的开放库

Javascript 使用fancyBox从Iframe调用的开放库,javascript,jquery,html,iframe,fancybox,Javascript,Jquery,Html,Iframe,Fancybox,好的,我已经按照关于这个问题的指示进行了: 但是,这对我来说不管用 在本例中,他在javascript中有一个图库,如: $('.imagen').click(function(e){ e.preventDefault(); parent.$.fancybox([ {href:'images/01.jpg', title: '01'}, {href:'images/02.jpg', title: '02'}, {href:'imag

好的,我已经按照关于这个问题的指示进行了:

但是,这对我来说不管用

在本例中,他在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>

它正在工作,但显示的是简单的图像,而不是画廊


如何打开gallery?

在您的iframe:

HTML:

<a class="fancybox" rel="group1" href="1.jpg">Image#1</a>
<a class="fancybox" rel="group1" href="2.jpg">Image#2</a>
不要忘记将jQuery文件包含在iframe

未经测试,请使用真实图像进行测试

父:需要jQuery.js,Fancybox.js


iFrame:needjquery.js和我的脚本upper

lol,我知道,但是在那里,没有iFrame和gallery的选项或示例:)我想你不明白这个问题。我想从iframe内部打开gallery,而不是在fancyBoxi内部打开iframe我已经尝试过:
,但无法正常工作我需要将此代码放在iframe(子)页面上,对吗?我需要把fancyBox脚本放在两个页面上(iframe和iframed)?
$(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;
});