从iframe中的链接调整fancybox的大小

时间:2013-08-10 21:49:33

标签: javascript jquery fancybox

我有一个iframe内容的指定大小的fancybox。我希望能够从iframe中的链接更改内容,并将fancybox的大小调整为新的指定大小以适应新内容。似乎有一些类似的线程,但我有任何运气尝试这些建议,我认为因为我使用fancyapps所以代码略有不同。

这就是我所拥有的:

JS:

$("a.fancybox").fancybox({
fitToView: false,

beforeShow: function() {
this.skin.css("background", $(this.element).data('color') || 'F9F9F9');
},

afterLoad: function(){
this.width = $(this.element).data("width");
this.height = $(this.element).data("height");
}
});

链接在页面上发布FANCYBOX:

<a class="fancybox fancybox.iframe" data-color="#F9F9F9" data-width="225" data-height="404" href="iframe1.html" data-fancybox-group="gallery-1"> 

链接到IFRAME 1更改内容并调整FANCYBOX:

<a href="javascript:parent.jQuery.fancybox.open({href : 'iframe2.html', data-width : '600', data-height : '400', data-fancybox-group : 'gallery-1', data-color : '#F9F9F9'});">Change content</a>

目前第一个iframe加载并且大小正确,但更改内容链接不起作用。

任何人都能提供的任何帮助或提示都会很棒。提前谢谢。

1 个答案:

答案 0 :(得分:0)

我注意到您传递了data-width : '600'之类的参数,但它们应该是width : '600'