Как сделать 2 вида анимаций в 1 слайдере?

Question

[eellazy]

Всем привет! Никак не получается сделать 2 ефекта перехода слайдов в 1 слайдере.
Хочу сделать при автопрокрутке ефект fade, при скролле или вайпе ефект scroll. Вся беда в том что не знаю как прикрутить две эти анимации. Тут либо скролл, либо фейд.

Есть идея написать на чистом css эфект для каждого слайда, но не знаю как заставить эти слайды при автопрокрутке появляться с фейдом

Может кто стыкался с эти?

Вот код слайдера

$(document).on('ready', function() {
 $(".slider").slick({
  autoplay: true,
  dots: true,
  slidesToShow: 1,
  slidesToScroll: 1,
  autoplay: true,
  autoplaySpeed: 2000,
  infinite: true,
  speed: 500,
  cssEase: 'linear',
  customPaging : function(slider, i) {
    var thumb = $(slider.$slides[i]).data();
    return '<a>'+(i+1)+'</a>';          }
});
    });

Может быть посоветуете другие слайдеры которые могу это реализовать и будут адаптивными