動的な高さを持つ別のドメインのソースを持つ iframe を表示するページにファンシーボックスを表示したい (iframe 内で別のページに移動するか、動的コンテンツがある可能性があるため)。他のドメインのコードにもアクセスできます。したがって、postMessage を使用して、iframe のソースの高さを自分のページに送信できます。しかし、ファンシーボックスの高さをコードで変更する方法がわかりません。
iframe 自体を含む、iframe を含むすべての div の高さを設定しようとしました。
document.getElementById('fancybox-frame').height = parseInt(height);
document.getElementById('fancybox-content').height = parseInt(height);
document.getElementById('fancybox-outer').height = parseInt(height);
document.getElementById('fancybox-wrap').height = parseInt(height);
直接統合されたiframeで完全に機能するため、高さを問題なく取得していることがわかります。
誰でもアイデアはありますか？
ありがとう
編集: $.fancybox.update() も試しましたが、それを実装する方法がよくわかりません:
$.fancybox({
'height': height
});
$.fancybox.update();