【jQuery】軽量の無限スライドスクロールプラグインInfiniteSlideScroller

jQuery

InfiniteSlideScroller

January 3, 2017

InfiniteSlideScrollerはスライドが停止することなくスクロールする軽量の無限スライダです。jQueryとInfiniteSlideScrollerのjsとcssファイルが必要になり、少ないコードで素敵な画像をプレゼンテーションすることができます。

JS&CSS

 <script src="./path/to/InfiniteSlideScroller.js"></script>
 <link rel="stylesheet" href="./path/to/InfiniteSlideScroller.min.css">

HTML

<ul id="scroller">
  <li><a href="#"><img src="./demo/SKI2016-13-small.jpg"></a></li>
  <li><a href="#"><img src="./demo/SKI2016-24-small.jpg"></a></li>
  <li><a href="#"><img src="./demo/SKI2016-38-small.jpg"></a></li>
  <li><a href="#"><img src="./demo/SKI2016-26-small.jpg"></a></li>
  <li><a href="#"><img src="./demo/SKI2016-15-small.jpg"></a></li>
</ul>

InfiniteSlideScroller

$(document).ready(function() {
                        $('#scroller').InfiniteSlideScroller({
                            width: '100%',
                            height: '500px',
                            speed: 2,
                            gutter: 0
                        });
                    });
                

Documentation

width 200
height 200
speed 5
gutter 0

Latest Posts

Related Posts