Смена фона body при смене слайдов

411

21 февраля 2017, 18:47

Привет! Есть слайдер-карусель, сделанный при помощи плагина slick. Потребовалось подкрутить его, чтобы при смене слайда автоматически менялся фон body. Не пойму пока, с какой стороны к этому подойти, подскажите, пожалуйста, может идеи у кого какие есть.

Answer 1

Используйте callback-функцию afterChange

$(document).ready(function() {
  var $slider = $(".Modern-Slider").slick({
    //your params here
  });
  //add callback
  $slider.on('afterChange', function(){
    alert('afterChange');
  });
});

Ссылка на рабочий пример: https://codepen.io/lukas-pierce/pen/egwyXd

Answer 2

Вопрос решен.

var backs = ['blue', 'yellow', 'red'];
$slider.on('afterChange', function(event, slick, slide) {
    $('body').css('background-image', 'url(' + 'img/back-' + backs[slide] +   '.png' + ')');
});