0

Web ページで jquery bxslider を使用したいのですが、例に示すようなものが必要です: http://bxslider.com/examples/image-slideshow-captions

違いは、他の場所 (スライダーのコンテンツの下) にテキストがあり、スライダーごとにコンテンツを変更したいことです。それを達成する方法は?

4

1 に答える 1

2

テキストを次の場所に表示したいとしましょう:<div id="img_caption"></div>画像の下:

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

これは、bxSlider のドキュメントに基づく非常に適切な推測です。しかし、それは非常に近いはずです。

于 2013-07-09T11:52:57.537 に答える