покажете текст под всяко изображение от alt собственост в JCarousel - jquery, jcarousel, drupal-jcarousel

Използвам JCarousel за създаване на плъзгач на моя сайт. Сега той е лесен за изпълнение, трудно ми е да показвам описание под всяко изображение, взето от свойството alt.

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

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

Сега се надявам да има някакъв път през JS и ще бъда благодарен, ако можете да помогнете тук.

Благодаря.

Отговори:

Можете да направите нещо подобно:

$(".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/