我在使用带有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?