JCarousel에 설명을 추가하는 방법

Question

나는 jcarousel을 사용하고 있습니다. 슬라이더에서 사진에 설명을 추가 할 수 없습니다.

<div id="jcarousel"> 
    <ul id="mycarousel" class="jcarousel-skin-tango"> 
     <li> 
      <img src="images/about_img1.jpg"/> 
     </li>     
    </ul> 
</div> 

Answer 1

jCarousel 컨테이너 다음에 div를 만들고 jQuery의 다음 및 이전 버튼 클릭 콜백 기능에서 div의 내용을 변경할 수 있습니다. 이 옵션을 선택합니다 :

<div id="jcarousel"> 
    <ul id="mycarousel" class="jcarousel-skin-tango"> 
     <li> 
      <img src="images/about_img1.jpg"/> 
     </li>     
    </ul> 
</div> 
<div id="description"> 
    <label id="caption">First image</label> 
</div> 

당신의 jQuery 코드에서 :

모든 캡션 말, 배열 데이터 구조를 유지합니다. 그리고 표시되는 이미지에 따라 캡션을 변경하십시오.

희망이 도움이됩니다.