jQuery
【jQuery】シンプルなjQueryスライドショーライブラリjQuery Slideshow
February 21, 2017

jQuery Slideshowは軽量でレスポンシブ対応、設定も簡単なシンプルなjQueryスライドショーライブラリ。
stylesheet
<link rel="stylesheet" type="text/css" href="slider.min.css" />
HTML
<ul class="slider" id="slider"> <li> <img src="img/slide1.jpg" alt="slide1"/> </li> <li> <img src="img/slide2.jpg" alt="slide2"/> </li> <li> <img src="img/slide3.jpg" alt="slide3"/> </li> </ul>
JS
<script type="text/javascript" src="slider.min.js"></script> <script type="text/javascript"> $(window).on("load", function() { $("#slider").slider(); }); </script>
Config | Default |
---|---|
speed | 1000 |
delay | 3000 |
autoplay | true |
navigation | true |
pagination | true |
width | 100% |
height | auto |
direction | right |
responsive | true |
MIT