標題在圖像下由於圖像大小不可見

我目前正在嘗試創建一個帶有標題的圖像幻燈片。但是，圖像可能非常大，並且（特別是在較小的屏幕或平板電腦上）有時會填滿整個屏幕。這也意味着下面的標題脫離了頁面。標題在圖像下由於圖像大小不可見

有沒有辦法自動修復圖片大小，以便它總是留下足夠的空間放置下面的標題？

這是違規的元素的HTML，是否有幫助：

<a class="highslide" id="thumbnail1" href="/uploads/tx_extsluiter/m3d-server.png" onclick="return hs.expand(this, new captionId('galleryF' + 8, 'gallery8-1-caption'))" ><img src="typo3temp/pics/b21b5af80c.png" width="235" height="133" border="0" alt=""></a> 
<div style="display: none" class="highslide-caption" id='gallery8-1-caption'><div><p class="bodytext">Hallo, dit is afbeelding 1</p></div></div> 
<a class="iteminfo viewlarge" onclick="document.getElementById('thumbnail1').onclick()" >+</a> 
<a class="iteminfo viewtooltip tooltip" title="&lt;p class=&quot;bodytext&quot;&gt;Hallo, dit is afbeelding 1&lt;/p&gt;">i</a>

我見A.後的股利直接移動看來，計算圖像的高度時，它現在能正常使用一個高垂直低水平瀏覽器窗口，但是當使用非常寬和低窗口時，圖像太高。它將填滿整個窗口的高度，不會留下標題的空間。

來源

2013-02-15 Erik

如果您將標題放入正確的滑動字幕div中，擴展器會自動爲該標題留下足夠的空間。我們是否可以鏈接到您的實時頁面？

來源

2013-02-15 12:59:21 MisterNeutron

不幸的是，該網站目前尚未公開查看。 Highslide似乎預留了足夠的空間顯示實際圖像，因爲縮小屏幕確實會使圖像變小。但標題總是落在底部。 – Erik 2013-02-15 14:03:45

你在正確的軌道上 - 高速滑行標題div必須立即跟隨「a href。」。 – MisterNeutron 2013-02-15 14:17:35

進一步研究這個問題......我在href後直接移動了標題，但是這並沒有解決所有的問題。看起來highslide在水平方向縮放圖像時遇到了一些麻煩。如果我的瀏覽器在水平方向上比垂直方向小一點，它就可以正常工作。但是，如果我的屏幕寬度大於高度（如全屏寬屏顯示器），則它不起作用，因爲圖片佔用了屏幕上所有可用的水平區域，因此在屏幕上留下的字幕空間太小底部。 – Erik 2013-02-15 14:33:41

標題在圖像下由於圖像大小不可見

回答

相關問題