レスポンシブ対応スライダー slickの使い方

slick マイスニペット

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="/css/slick.css"/>
<link rel="stylesheet" type="text/css" href="/css/slick-theme.css"/>
<!-- JS -->
<script type="text/javascript" src="/js/jquery-3.4.1.min.js"></script>
<script type="text/javascript" src="/js/slick.min.js"></script>
<div id="slider">
    <div><img src="/img/img_01.jpg" alt=""></div>
    <div><img src="/img/img_02.jpg" alt=""></div>
    <div><img src="/img/img_03.jpg" alt=""></div>
    <div><img src="/img/img_04.jpg" alt=""></div>
    <div><img src="/img/img_05.jpg" alt=""></div>
</div>
$(document).ready(function() {
	$('.slideWrap').slick({
		autoplay: true,
		arrows: false,
		dots: false,
		speed: 500,
		fade: true,
		cssEase: 'linear'
	});
});

ダウンロードはこちらから
slick – the last carousel you’ll ever need