показать текст под каждым изображением от свойства alt в JCarousel

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/