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

387
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' + ')');
});
READ ALSO
Stylus|CSS каждое слово выше на ХХpx

Stylus|CSS каждое слово выше на ХХpx

Есть предложение в теге span или div

408
Иконка профиля пользователя на главной

Иконка профиля пользователя на главной

Работаю над дипломным проектом, задание - сверстать лендингНе совсем понимаю, что делать с иконкой пользователя в хедере

367
Прыгает текст в мобильной Opera

Прыгает текст в мобильной Opera

Доброго времени суток, друзьяСтолкнулся со следующей проблемой

344
Применить box-shadow только для одной стороны

Применить box-shadow только для одной стороны

Нужно сделать скрытый текст, но с градиентомБеру вот этот скрипт http://jsfiddle

414