0

要素に bxslider を適用しましたul。しかし、スライドごとに異なる一時停止属性値が必要です。

slider = $('.bxslider').bxSlider({
    speed:500,
    pause:5000,
    onSlideBefore: function(){
    },
    onSlideAfter: function(){
    }
});

内部onSlideBeforeまたはonSlideAfter次の一時停止値 (コードが内部にある場合onSlideBefore) または現在のスライド (コードが内部にある場合onSlideAfter) を設定して、各画像スライドが独自のトランジション値を持つようにします。

あなたの助けに感謝します。

4

1 に答える 1

2

以下のコードで問題を解決しました。これが正しい方法かどうかはわかりません。それがあなたを助けるならば、それを試してみてください。以下のように、
内部に新しいパブリックメソッドを追加しました。jquery.bxslider.min.js

n.setPause = function (t) {
    if(s.settings.auto){
        clearInterval(s.interval);
        s.interval = setInterval(function () {
        s.settings.autoDirection=="next"?n.goToNextSlide() : n.goToPrevSlide()}, t)
    }
};

ここで、tは個々の画像スライドのミリ秒です。

私のJSPでは、onSlideAfter$sliderがbxsliderが適用されるjQuery要素である関数を追加しました。

onSlideAfter: function(){
    $slider.setPause(current image pause in milliseconds);
}
于 2012-12-05T06:42:11.913 に答える