iframe中的Fancybox图像 - 在父窗口中打开

时间:2015-03-17 13:42:29

标签: javascript jquery html iframe fancybox

我在使用带有iframe的fancybox插件时遇到问题。我目前的设置是:

在引导模式中加载新闻文章,其中包含来自其他域(来自新闻系统)的iframe - 例如:我在page.domain.com上并从news.domain.com加载内容,其中包含每条新闻文章提供。所以一切都很好,但是当我试图打开一个fancybox画廊时,我有问题。

当我使用这样的fancybox时:

$('a.lightbox').fancybox({
openEffect: "none",
closeEffect: "none",
titleShow: 'true',
titlePosition: 'inside',
helpers:  {
    title : {
        type: 'inside'  
    },
    thumbs : {
        width: 90,
        height: 60
    }
},
beforeLoad: function() {
this.title = $(this.element).find('img').attr('alt');
}
});

fancybox打开每个带有类灯箱的项目,一切看起来都很好。但是在iframe中,它会在iframe中打开。但我想在父窗口外面打开画廊。

通常我会使用:

parent.$.fancybox({

但现在,我正在失去' a.lightbox' 选择器。所以我需要手动推送这样的项目:

 beforeLoad: function () {

// here i need to read out all images in the same group, and push it modally

            this.group.push(
                { href: "... image1", type: "image", title: "Picture 01", isDom: true },
                { href: "... image2", type: "image", title: "Picture 02", isDom: true }
            ); 
        }

但我认为这对我来说不是一个好选择。

使用标准的 $(' a.lightbox') ....选择器,是否有更好的方法在父窗口中打开fancybox?

0 个答案:

没有答案