アトリエロワ

slick 基本

ダウンロード

http://kenwheeler.github.io/slick/

使うデータ

ajax-loader.gif
fonts(フォルダ)
slick-theme.css
slick.css
slick.min.js


HTML

jQuery本体の設置。
CSSファイルの後にslickを設置。

<link href="js/slick-theme.css" rel="stylesheet" type="text/css">
<link href="js/slick.css" rel="stylesheet" type="text/css">

<script src="jquery本体"></script>
<script type="text/javascript" src="js/slick.min.js"></script>
<ul class="slider">
    <li><a href="#"><img src="images/i01.jpg" alt=""></a></li>
    <li><a href="#"><img src="images/i02.jpg" alt=""></a></li>
    <li><a href="#"><img src="images/i03.jpg" alt=""></a></li>
    <li><a href="#"><img src="images/i04.jpg" alt=""></a></li>
</ul>

js

$('.slider').slick();
$('.slider').slick({
    autoplay:true,
    autoplaySpeed:8000,
    dots:true,
});

HOME > javascript > slick 基本