jquery - 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 的文档，这只是一个非常好的猜测。不过，它应该非常接近。