1. Quick Start

The jQuery Glider plugin was written due to poor localization support in other offerings (there are a lot of sliders for jQuery!).

Features

• Auto sizes based on the existing CSS
• Resizes and re-positions when the viewport changes
• LTR and RTL text support (ordering, controls, and animation direction)
• Autoplay (with auto-stop when user interacts)
• Show multiple slides in each view

Quick Start

You'll need jQuery, and the glider.js script and CSS.

To get going using the default options, you just need a container with a list, like this:

<!-- in your head -->
<link rel="stylesheet" href="glider.css" />

<!-- your content -->
<div class="slide">
    <ul>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
    </ul>
</div>

<!-- at the end of your body -->
<script src="jquery.min.js"></script>
<script src="glider.js"></script>
<script>
    var gliders = $('.slide').glider();	
</script>

Glider doesn't mind what you put in your list, or how you style it. It will take care of turning it into a content slider.