slick.jsスライド変更時のCSS変更

Question

slick.jsスライダの変更でdivのCSSを変更することはできますか？基本的に、スライダーが自動再生したり、ボタンをクリックしたりすると、色の配列を順番に調べ、その色に.contentの背景色を設定したいと思います。あまりにも狂ってる？

var colors = ['#576986', '#D0D5D6', '#DFDEE5']; 

$('.content').css({'background': current i++}); 

デモにjsfiddle

任意のアイデアをチェックアウト？色を順番にhttps://github.com/kenwheeler/slick

$(".slider").on("beforeChange", function(){ 
    //change color here 
}) 

：:)

Answer 1

スリックは、あなたがここに完全なリストを見つけることができるイベントを、持っている

var colors = ["red", "orange", "yellow", "green", "blue"]; 
var currentIndex = 0; 

$(".slider").on("beforeChange", function(){ 
    $(".content").css("background-color", colors[currentIndex++%colors.length]); 
});