jQuery的bxslider如何改變文本動態

Question

我想在網頁上使用jquery bxslider，和我想要的是像本例中所示：http://bxslider.com/examples/image-slideshow-captions

不同的是，我有一些文字別處（滑塊內容下方），並且我希望內容隨每個滑塊而改變。如何做到這一點？

Answer 1

比方說，你想要的文字出現在：<div id="img_caption"></div>圖像下面：

$('.bxslider').bxSlider({ 
    mode: 'fade', 
    captions: false, 
    onSlideBefore: function($e) { 
    var cap = $e.attr('title'); 
    $('#img_caption').html(cap); 
    }; 
}); 

這僅僅是基於對bxSlider對文檔的一個很好的猜測。儘管如此，它應該是近距離的。