在JCarousel的每個圖像下顯示來自alt屬性的文本

Question

我正在使用JCarousel在我的網站上創建滑塊。現在它本身很容易實現，我很難在從alt屬性獲取的每個圖像下顯示一個描述。

<div class="jcarousel-wrapper"> 
    <div class="jcarousel" data-jcarousel="true"> 
    <ul>       
     <li><img src="http://www.abcd.com/img1_0.jpg " width="900" height="290" alt="dfgdfg dfgdfgjpg "></li> 
     <li><img src="http://www.abcd.com/img2_0.jpg " width="900" height="290" alt="dfgdfg dfgdfgjpg "></li> 
     <li><img src="http://www.abcd.com/img3_0.jpg " width="900" height="290" alt="dfgdfg dfgdfgjpg "></li> 
     <li><img src="http://www.abcd.com/img4_0.jpg " width="900" height="290" alt="dfgdfg dfgdfgjpg "></li> 
     <li><img src="http://www.abcd.com/img5_0.jpg " width="900" height="290" alt="dfgdfg dfgdfgjpg "></li> 
     <li><img src="http://www.abcd.com/img6_0.jpg " width="900" height="290" alt="dfgdfg dfgdfgjpg "></li> 

    </ul> 
    </div> 
</div> 

現在，我希望有一些方法可以通過JS，我將不勝感激，如果你能在這裏協助。

謝謝。

Answer 1

你可以做這樣的事情：

$('.jcarousel').on('jcarousel:visiblein', 'li', function(event, carousel) { 
    var caption = $(this).find("img").prop("alt"); 
    $('.jcarousel-caption').text(caption); 
}); 

設置類jcarousel-caption，你想要的文字去的元素。

工作示例： http://jsfiddle.net/alan0xd7/yz1r62jq/