Skip to content

Latest commit

 

History

History
33 lines (29 loc) · 751 Bytes

README.md

File metadata and controls

33 lines (29 loc) · 751 Bytes

Simple-jQuery-Slider

A simple, responsive jQuery slider.

Markup:

<div class="slider">
    <ul class="slides">
        <li>
            Slide 1 - Add any HTML onto the list items - these are your slides
        </li>
        <li>
            Slide 2
        </li>
        <li>
            Etc...
        </li>
    </ul>
</div>

Now you can add some data attributes to overide the default settings:
Ex:

<div class="slider" data-dots="false">

Options:

data-arrows: boolean (default true)
data-dots: boolean (default true)
data-auto: boolean (default true)
data-interval: 6000 (milliseconds - delay between slide transitions)
data-speed: 1 (seconds - how long to animate the slide)