gaBasicSlider

Take notice of how the next previous buttons and indicators can be moved around the document, giving you the freedom to design the slider any way you choose.

<!-- Can be DIV or UL structures -->
<ul id="mySlider" class="my-slider">
    <li style="background-image: url('images/branches.jpg')">One</li>
    <li style="background-image: url('images/flower.jpg')">Two</li>
    <li style="background-image: url('images/shack.jpg')">Three</li>
    <li style="background-image: url('images/waterfall.jpg')">Four</li>
</ul>

← →