使用Fancybox jQuery插件显示内联内容（图像和文本），显示时动态调整大小

使用Fancybox jQuery插件

我已经能够让它很好地显示图像。我已经能够让它显示内联内容，比如一个div，里面有一些段落。当内容由fancybox显示时，使用这两种方法，您可以将浏览器窗口更改为不同的大小，并且fancybox内容框也可以很好地重新调整大小

现在是我的问题。不只是显示图像，我需要在图像的正下方显示一个包含3-4句文字的图像

为了实现这一点，我使用了内联内容方法。我的内联内容是这样的：

<div style="display: none">
    <div id="content-div">
        <img src="images/product1.jpg" alt="" />
        <p>My several lines of text would go here.</p>
    </div>
</div>

我的几行文字将放在这里

当fancybox显示此内容时，它总是有点奇怪。例如，文本将被截断，并显示滚动条。 它从来没有达到我想要的效果，即将图像和文本视为一个单元，并动态调整图像和文本的大小，就像仅显示图像和图像或仅显示html文本时所做的那样

我见过一些例子，其中可以在fancybox中以预设的宽度和高度显示内联内容，但我希望它根据用户的浏览器大小改变大小

---

这能做到吗？是否缺少一些选项？

fancyBox在显示之前会读取宽度/高度，并且不会预加载图像。当图像稍后加载时，它们可以展开父对象并显示滚动条。

---

最简单的解决方案是为图像内联设置尺寸，例如，fancyBox在显示之前读取宽度/高度，并且不预加载图像。当图像稍后加载时，它们可以展开父对象并显示滚动条。

---

最简单的解决方案是为图像内联设置尺寸，如

我尝试了这个方法，但没有效果。我仍然得到要么在底部或滚动条出现，或两者的文本切断。为了调整大小，保存图像和文本的div没有被视为单个单元或元素。我尝试添加autoSize和FitView，但没有帮助。我尝试了这个，但没有帮助。我仍然得到要么在底部或滚动条出现，或两者的文本切断。为了调整大小，保存图像和文本的div没有被视为单个单元或元素。我尝试添加autoSize和FitView，但没有帮助。