HOME > jQuery > レスポンシブサイトに強いスライダー系プラグイン「slick.js」の実装

レスポンシブサイトに強いスライダー系プラグイン「slick.js」の実装

レスポンシブサイトに強いスライダー系プラグイン「slick.js」の実装

cssを読まないと真っ白になったりした。

<link rel="stylesheet" type="text/css" href="slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script type="text/javascript" src="slick/slick.min.js"></script>
$(document).ready(function(){
  $('親要素').slick({
        autoplay: true,
        autoplaySpeed: 2000,
        speed: 2000,
        fade: true,
        cssEase: 'ease',
        arrows: false
  });
});
参考サイト