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

jQuery

Infinite Carousel

January 18, 2017

Infinite CarouselはjQueryを使用した無限カルーセルプラグイン。

HTML

<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>

Options and defaults

  1. slide
  2. speed
  3. delay

Latest Posts

Related Posts