0
현재 캡션이있는 이미지 슬라이드 쇼를 만들려고합니다. 그러나 이미지는 매우 커질 수 있으며 특히 작은 화면이나 태블릿에서는 전체 화면을 채울 수 있습니다. 이것은 아래의 캡션이 페이지에서 떨어져 있음을 의미합니다.캡션은 이미지 크기로 인해 이미지 아래에 표시되지 않습니다.
이미지 크기를 자동으로 수정하여 캡션 아래에 항상 여유 공간이 남을 수있는 방법이 있습니까? 나는 A. 후 DIV 직접 이동 한
<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="<p class="bodytext">Hallo, dit is afbeelding 1</p>">i</a>
이미지의 높이를 계산할 때 지금 제대로 작동 것으로 보인다 : 그 도움이된다면
이
은 잘못된 요소의 HTML입니다 높은 수직 낮은 수평 브라우저 창이 있지만 매우 넓고 낮은 창을 사용하면 이미지가 너무 높아집니다. 캡션을위한 여유 공간을 남기지 않고 창 전체 높이를 채 웁니다.
불행히도 웹 사이트는 현재 공개적으로 볼 수 없습니다. 화면을 축소하면 이미지가 작아지기 때문에 Highslide는 실제 이미지를 표시 할 수있는 충분한 공간을 확보 한 것으로 보입니다. 그러나 캡션은 항상 바닥에서 떨어집니다. – Erik
당신은 올바른 길을 가고 있습니다 - 하이 슬 라이드 캡션 div는 "a href"바로 뒤에 와야합니다. – MisterNeutron
문제를 더 자세히 살펴보면 ... 캡션을 href 바로 다음으로 옮겼으나 모든 문제가 해결되지 않았습니다. 고산암이 이미지를 수평으로 스케일링하는 데 문제가있는 것 같습니다. 브라우저를 수직 방향보다 수평 방향으로 작게 만들면 정상적으로 작동합니다. 그러나 화면의 너비가 높이보다 큰 경우 (예 : 전체 화면의 와이드 스크린 모니터와 같이) 화면에서 사용 가능한 모든 수평 영역을 차지하므로 캡션이 너무 작아서 작동하지 않습니다. 바닥. – Erik