muestre el texto debajo de cada imagen de la propiedad alt en JCarousel - jquery, jcarousel, drupal-jcarousel

estoy usando JCarousel para crear un control deslizante en mi sitio. Ahora que es fácil de implementar, me está costando mostrar una descripción debajo de cada imagen tomada de la propiedad 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>

Ahora, espero que haya alguna manera a través de JS y estaré agradecido si pudiera ayudar aquí.

Gracias.

Respuestas

Puedes hacer algo como esto:

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

Establecer la clase jcarousel-caption en el elemento donde desea que vaya el texto.

Ejemplo de trabajo: http://jsfiddle.net/alan0xd7/yz1r62jq/