Javascript

【Javascript】非常に軽量で使いやすい画像スライダ/カルーセルLightweight Slider

September 21, 2017
Lightweight Slider

非常に軽量(3kb)で使いやすい画像スライダ/カルーセル。jQueryは使用しません。

Usage

<!DOCTYPE html>
<html>
<head>

  <title>lightweight-slider</title>

</head>
<body>

  <div class="banner" data-height="600" data-width="100%" data-slide-speed="900" data-autoslide="5000">
    <img src="1.jpg" class="slider">
    <img src="2.jpg" class="slider">
    <img src="3.jpg" class="slider">

    <div class="previous" data-previous-cursor="left.png"></div>
    <div class="next" data-next-cursor="right.png"></div>

    <div class="links">
        <a href="1"></a>
        <a href="2"></a>
        <a href="3"></a>
    </div>
  </div>

  <script src="slider.min.js"></script>

</body>
</html>