jquery - fancyBox 2 の動的な幅と高さ

Question

fancyBox で iFrame を開くリンクがあるページがあります (fancyBox 2 を使用しています)。iFrame 内に含まれるコンテンツは幅と高さが異なるため、iFrame の幅と高さを動的にする必要があります。スクロールバーを表示したくありません。リンクが参照するコンテンツ (この場合は Cruise-compare.html ページ) の正確な幅と高さで fancyBox を生成したいと考えています。

この問題に関連する、私が話しているページの HTML は次のとおりです。

<div id="compareShipSubmit">
    <a id="cruiseCompareSubmit" class="fancybox.iframe" href="../cruise/cruise-compare.html">Compare</a>
</div>

以下は、iframe 内にある Cruise-compare.html ページの body タグ内にある HTML のサンプルです。

<div id="cruiseCompareSurround">
    Content would go here, and would vary in width and size
</div>

これが私の fancyBox JavaScript の現在の外観です (このスクリプトは元のページによって参照されます)。

$("#cruiseCompareSubmit").fancybox({
    width       : 935,
    height      : 485,
    fitToView   : false,
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'elastic',
    closeEffect : 'elastic'
});

上で提供した fancyBox スクリプトの幅と高さのパラメーターを削除する必要があることはわかっていますが、生成された fancyBox の幅と高さが Cruise-compare.html ページのコンテンツの幅と高さになるようにする方法がわかりません。

この同様の質問 ( Fancybox 2 Dynamic Width Based on Content Size ) を見ましたが、私の状況で正しく機能させる方法がわかりません (彼らは私とは少し違うことをしていました)。

誰かが私がそれを機能させようとしている方法でこれを機能させるために何をすべきか教えてもらえますか?