0

スライドが切り替わるたびにHTMLブロックの色を変更する作業をしています。私はRoyalSliderを使用していますが、5つの色を順番に循環させたいと思います。

私の現在の取り組みは次のようになります。

    // initialize slider
    var sliderInstance = $('#new-royalslider-1').data('royalSlider');

    // bind the rsBeforeAnimStart event
    sliderInstance.ev.on('rsBeforeAnimStart', function() {

        var colors = ["#000000","#464646","#999999"];

        for(var i=0; i<colors.length; i++) {
          $(".color-block").css('background', colors[i]);
        }

    });

この設定では、スライドを変更するたびにアレイを循環するのではなく、＃999999の値のみが表示されます。これが私が取り組んでいるサイトです。

私がここで間違っていることについて何か考えはありますか？助けてくれてありがとう！ほんとうにありがとう！

4

1 に答える 1

0

現在のスライドのインデックスを使用して、アニメーションの変更時に色を切り替えることができます。

// initialize slider and define colours
var sliderInstance = $('#new-royalslider-1').data('royalSlider'),
    colors = ["#000000","#464646","#999999"];

// bind the rsBeforeAnimStart event
sliderInstance.ev.on('rsBeforeAnimStart', function() {
    $(".color-block").css('background', colors[sliderInstance.currSlideId % colors.length]);
});
于 2013-01-30T15:51:11.257 に答える