2

bxslider.js から構築されたスライダーの作業

スライド上で LI をアクティブに設定し、直前の LI からアクティブなクラスを削除するコールバックが必要です。

私は非常に大まかな例を動作させましたが、アクティブなスライドの onAfterSlide を検出し、対応する LI にアクティブであることを伝え、以前の LI からアクティブな状態を削除するスクリプトを作成するための JS の知識が不足しています。onlcick コールバックは問題なく動作しています。onAfterSlide には多少の調整が必要です。

ある程度動作する例: http://diveidc.com/slider.php ここで、次の LI をアクティブにしようと試みましたが、以前の LI をアクティブにできませんでした。スライドがループを通過すると、現在のスライドに対応する LI にアクティブなクラスを割り当てるだけで済みます。つまり、slide1=li1 アクティブ、slide2=li2 アクティブなどです。

BXslider のソースhttp://bxslider.com/options

4

1 に答える 1

0 
onAfterSlide: function(active) {
   $('someul li').each(function() {
      if($(this).index() == active)
         $(this).addClass('active');
   });
}

私はこれをテストしていないので、自己責任で使用してください:)

于 2012-12-20T16:02:45.343 に答える