使用Fancybox jQuery插件顯示在顯示時動態調整大小的內聯內容（圖像和文本）

使用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中顯示內聯內容，但我希望它根據用戶瀏覽器的窗口大小來改變大小。

可以這樣做嗎？有我缺少的選項嗎？

來源

2012-02-10 tommy js45

fancyBox在顯示之前讀取寬度/高度，並且不會預載圖像。由於圖像可能會稍後載入，因此它們可以展開父項並使滾動條出現。最簡單的解決方案將設置內聯圖像的尺寸，如<img src=".." width="200" height="100" />

來源

2012-02-10 08:01:32 Janis

我試過這個，但它沒有幫助。我仍然得到底部的文本或滾動條出現，或兩者兼而有之。保存圖像和文字的div不會被視爲用於調整大小的單個單元或元素。我嘗試添加autoSize和fitToView，但沒有幫助。 – 2012-02-13 07:42:04

使用Fancybox jQuery插件顯示在顯示時動態調整大小的內聯內容（圖像和文本）

回答

相關問題