Question

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

有没有办法自动修复图片大小，以便始终为下面的标题留下足够的空间？

这是违规元素的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之后直接移动了div。在高垂直低水平浏览器窗口中计算图像高度时，它似乎正在正常工作，但是当使用非常宽和低的窗口时，图像得到太高。它将填满整个窗口的高度，没有留下标题的空间。

Answer 1

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

由于图像尺寸，图像在图像下不可见

1 个答案: