Как в slick slider применить свойство transform?

Question

[AleksMedovnik]

Есть превью на slick slider. Нужно сделать так, чтобы при переключении слайдеров срабатывало css-свойство transform или свойство js. Но, чтобы слайдер изменялся в размере от scale(1.5) до scale(1). Вот код js.

$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  speed: 600,
  asNavFor: '.slider-nav'
  });
$('.slider-nav').slick({
  slidesToShow: 5,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: false,
  centerMode: false,
  focusOnSelect: true
});

Answer 1

[Максим Тимофеев]

В документации все есть:
kenwheeler.github.io/slick
Смотрите раздел events
В Вашем случае видимо так:

$('.slider-nav').on('swipe', function(event, slick, direction){
  //любой код вплоть до добавить класс, а в css на этот класс повесить трансформацию
});

Если трансформация при инициализации, то есть событие "reInit". И еще куча плюшек отлично описанных в документации.

Comments

[AleksMedovnik]

Не совсем понял. Попробовал так:

$('.slider-for').on('swipe', function(event, slick, direction){
  el.classList.add("slide_swipe")
});

.slide_swipe{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

не получается

[Максим Тимофеев]

Александр Медовник, Вас не смущает что у Вас переменная el из воздуха возникла?