fancyBox 2 динамическая ширина и высота

Question

У меня есть страница, где есть ссылка, которая открывает iFrame с fancyBox (я использую fancyBox 2). Содержимое, содержащееся в iFrame, будет различаться по ширине и высоте, поэтому мне нужно, чтобы ширина и высота iFrame были динамическими. Я не хочу, чтобы появлялись полосы прокрутки. Я хочу, чтобы fancyBox генерировался с точной шириной и высотой содержимого, на которое ссылается ссылка (в данном случае это страница cruise-compare.html).

Вот HTML-код страницы, о которой я говорю, которая имеет отношение к этой проблеме:

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

Вот пример HTML, который находится внутри тегов body страницы cruise-compare.html, который будет внутри iframe:

<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'
});

Я знаю, что мне нужно удалить параметры width и height в скрипте fancyBox, который я предоставил выше, но я не могу понять, как получить сгенерированный fancyBox, который будет иметь ширину и высоту содержимого страницы cruise-compare.html.

Я видел эту страницу ( Fancybox 2 Dynamic Width на основе размера контента), где someoene задавал похожий вопрос, но я не могу понять, как заставить его работать правильно в моей ситуации (они делали что-то немного отличное от меня),

Может кто-нибудь сказать мне, что нужно сделать, чтобы заставить эту работу работать так, как я пытаюсь заставить ее работать? Заранее благодарю за любую помощь. Пожалуйста, дайте мне знать, если вам нужно знать что-то еще, чем я не поделился.