jQuery
【jQuery】jQueryを使用した無限カルーセルプラグインInfinite Carousel
January 18, 2017

Infinite CarouselはjQueryを使用した無限カルーセルプラグイン。
<ul class="infinite-carousel list-hz"> <li> <h1>Slide 01</h1> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate, a!</p> </li> <li> <h1>Slide 02</h1> <p>Qui et, sed aspernatur dignissimos est id nam, sapiente veniam.</p> </li> <li> </ul> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> <script src="infinite-carousel.js"></script> <script> $(document).ready(function() { let options = { speed: 3000, delay: 3000, ease: 'linear' } $('.infinite-carousel').infinitecarousel(options) }) </script>
slide
speed
delay