이미지 캡션이 올바르게 작동하지 않습니다.

Question

SlidesJS JQuery plugin을 사용하여 웹 페이지 상단에 슬라이딩 배너를 표시합니다.

그러나 이미지 위에 오버레이 된 이미지 캡션을 추가하는 데 문제가 있습니다. 위의 웹 사이트에서 볼 수 있듯이 클래스 캡션으로 새로운 p를 만들고 그 안에 캡션을 입력 할 수 있습니다. 그러나 플러그인에서이 캡션 div가 다른 슬라이드이고 각 이미지 뒤에 캡션 텍스트 만 표시한다고 생각할 수 있습니다.

here 페이지를 볼 수 있습니다.

Answer 1

SlidesJS with caption 예를 확인하는 것이 좋습니다. HTML 코드를 살펴보고 모든 이미지 (슬라이드)에 대해 하나의 div 블록을 사용하고 있다는 것을 즉시 확인하십시오. 링크의 예제 코드에서 div 당 이미지 (슬라이드)를 분할하여 캡션을 추가해야 할 때 div에 자식을 추가하기 만하면됩니다.

Answer 2

이들의 예는 다음 각 그 자체 내에서 슬라이드 등 같은 다른 사업부 내부 자막이 있습니다 실제로 그것을 시도하지 않고

<div class="slide"> 
    <a href="/gosomewhere"><img src="/images/myimage"/></a> 
    <div class="caption"><p>this image is awesome</p></div> 
</div> 

을, 나는 당신이 아이 뿐만 아니라 슬라이드 없을 수 있습니다 생각 자막 분류 div 님의