mk-webwork codenote

JQuery プラグイン「Slick-Slide」

参照:slick.js(https://kenwheeler.github.io/slick/

CSS読み込み

サイトからダウンロード
<head>内に記述

<link rel="stylesheet" href="assets/slick/slick.css">
<link rel="stylesheet" href="assets/slick/slick-theme.css">

JS読み込み

サイトからダウンロード
</body>の前に記述

<script src="assets/slick/slick.min.js"></script> 

htmlの記述

<div id="your-id">
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>
</div>
		

common.jsの記述

    //https://kenwheeler.github.io/slick/
    $('#your-id').slick({
        autoplay: true,
        autoplaySpeed: 300,  //3秒
        dots: true,  //下の丸 (true or false)
        arrows: false  //矢印 (true or false)
    });
← もどる