iframe コンテンツを含む指定されたサイズのファンシーボックスがあります。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">
コンテンツを変更し、FANCYBOX のサイズを変更するための IFRAME 1 のリンク:
<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 が読み込まれ、適切なサイズになっていますが、コンテンツの変更リンクは機能しません。
誰もが提供できるヘルプやヒントは素晴らしいでしょう。前もって感謝します。