jquery - Fancybox内容大小问题

Question

我正在尝试制作与 Facebook 上相同的用户界面来预览图像。
我有一个单独的 View ，显示在 fancybox 中。
一定是我在最大/最小宽度/高度上犯了同样的错误。基本上，据我所知，注释 div 的宽度应始终为 340px。并且图像 div 可以根据图像大小调整大小。在下面的图像中，我使用更宽的图像来更好地显示问题。 我这样加载:

$(document).ready(function () {
        $('.fancybox').fancybox({
            'autoSize': true,
            'autoDimensions': true,
            'transitionIn': 'fade',
            'transitionOut': 'fade',
            'hideOnOverlayClick': false,
            'hideOnContentClick': false,
            'closeBtn': false,
            'type': 'ajax',
            'padding': 0, 
            'margin': 0,                        
            'minWidth': 500,
            'fitToView': true
        });
    });

它可以很好地加载 View 。 内部 View 代码是:

<div style="height: 610px; width: 1100px;">
    <div style="float: left; max-width: 510px;">
        <img style="max-height: 100%;" src="http://a4.sphotos.ak.fbcdn.net/hphotos-ak-ash4/393726_2631619232954_1329592446_32973068_1109612286_n.jpg" />
    </div>
    <div style="float: right; width: 340px; height: 100%; background: #ff0000;">
        <h3>
            Description</h3>
    </div>
</div>

这就是我现在得到的: 这就是我想要得到的:

更新 基于@S.Visser 答案的较小图像问题。

Answer 1

定制可能需要一些工作，但您可以考虑我的“a la”facebook 方式(使用 fancybox v2.x):

http://picssel.com/playground/jquery/fancyboxALAfacebook_26Mar12.html

顺便说一句，您在脚本中包含了 fancybox v1.3.x 和 v2.x 的 API 选项。 v2.x 中的 Fancybox 选项是新选项，与旧版本不兼容。