sto usando JCarousel per aver creato un dispositivo di scorrimento sul mio sito. Ora è di per sé facile da implementare, ho difficoltà a mostrare una descrizione sotto ogni immagine presa dalla proprietà 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>
Ora, spero che ci sia un modo per JS e sarò grato se potessi aiutare qui.
Grazie.
risposte:
1 per risposta № 1Puoi fare qualcosa del genere:
$(".jcarousel").on("jcarousel:visiblein", "li", function(event, carousel) {
var caption = $(this).find("img").prop("alt");
$(".jcarousel-caption").text(caption);
});
Imposta la classe jcarousel-caption
sull'elemento in cui vuoi che il testo vada.
Esempio di lavoro: http://jsfiddle.net/alan0xd7/yz1r62jq/