Fancybox 调整大小以适合内容，无标题

Question

我在我的网站上使用 Fancybox 来显示照片。加载照片后，我在标题区域动态添加（通过 JavaScript）社交按钮和 Facebook 评论。我遇到的问题是，如果我让它正常调整大小，它会调整大小以尝试适应屏幕上的标题内容（由于注释，这可能会变得相当长）。

我的问题是：是否可以让 fancybox 调整大小以适合屏幕上的照片，但允许标题区域溢出屏幕？

我通过将 minHeight 设置为 683 在一定程度上解决了这个问题，这可以防止它使照片变得超小并使评论也适合屏幕。这里的问题是它在 1080p 屏幕上看起来不错，但任何较小的值都意味着照片太大并且也会从屏幕上流出。

现在，内容已调整大小以适应一些评论，但受到 minHeight 的限制。我想要的是照片更大，填满屏幕的大部分，下面只有一点标题区域，然后用户可以向下滚动查看评论等。

Answer 1

我找到了一个适合我的解决方案。

这在很大程度上基于此处发布的所有答案，所以谢谢您。如果可能的话，我会给你们所有人悬赏。

我所做的就是这个。

在CSS中设置.fancybox-title{height:0px !important;}，直接在下面添加一个额外的样式（后面会用到）：.fancybox-title-autoheight{height:auto !important;}

接下来，在 fancybox jquery 调用中，设置autoResize: false和min-Height: $(window).height()-100, <--100 只是我想要的边距，以便用户注意到图像下方有更多内容。

最后，在afterShow函数中，设置$(".fancybox-title").addClass("fancybox-title-autoheight");

这可以在最初打开时正确调整照片的大小，并允许评论按照我的意愿显示在下面。唯一剩下的问题是何时调整窗口大小。我尝试删除 autoheight 类，调用 update，然后再次添加 CSS 属性，但它似乎不起作用。目前，这对我来说是一个可以接受的解决方案。

查看结果（可能需要清除缓存，我最近一直在研究它）：http ://www.thejoecole.com/gallery/Places/Garden_of_the_Gods-1/photo-8#8

感谢所有参与的人！如果有某种方法可以将多个答案标记为正确，请告诉我，我会这样做，以便我编写的原始想法能够得到认可。