Easy Slider is a jQuery plugin for displaying images or any type of content within a slider.
It is configured with CSS and can slide the contents horizontally & vertically.
How does it work?
- Create an unordered list with the contents to be slided
- Define the div wrapping the slider:
$("#slider").easySlider(); - Configure your prev-next buttons:
<span id="prevId"><a href="javascript:void(0);">Previous</a></span><span id="nextBtn"><a href="javascript:void(0);">Next</a></span>
- Set the options (speed, horizontal-vertical, IDs for prev-next buttons)
- And, style it however you want via CSS
Here are 3 unstyled demos:
To sum up, Easy Slider is a handy solution for creating sliders that can be easily styled.
Advertisements:
SSLmatic – Cheap SSL Certificates (from $19.99/year)
Dreamhost $50 Discount Code: WRD
FlashEff | The Flash Animation Tool & Component for Flash CS3
Tags: Javascript