0

我目前正在尝试创建一个带有下方标题的图像幻灯片。但是，图像可能非常大，并且（尤其是在较小的屏幕或平板电脑上）有时它们会填满整个屏幕。这也意味着下面的标题会从页面上掉下来。

有没有办法自动修复图像大小，以便它总是为下面的标题留出足够的空间？

这是违规元素的 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>

我已经将 div 直接移到了 A 之后。在高垂直低水平浏览器窗口中计算图像高度时，它现在似乎可以正常工作，但是当使用非常宽和低的窗口时，图像变得太高了。它将填满窗口的整个高度，不为标题留下空间。

4

1 回答 1

1

如果您将标题放入正确的 highslide-caption div 中，扩展器会自动为该标题留出足够的空间。我们可以链接到您的实时页面吗？

于 2013-02-15T12:59:21.750 回答