1つのプラグインでフェードとカルーセルの動きを実装する

使用するプラグインは

kenwheeler.github.io

今回はページ上部に「fade」
ページ中央部にカルーセル（pc時は3枚表示、sp時は1枚表示）を実装

<script>
$(document).on('ready', function() {
//フェード
$('.fade').slick({
dots: true,
infinite: true,
speed: 500,
fade: true,
cssEase: 'linear'
});

//カルーセル
$(".pick-up").slick({
dots: true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
responsive: [
{
breakpoint: 768,
settings: {
centerMode: true,
slidesToShow: 1
}
}
]
});
});
</script>