Thursday, May 30, 2013

jQuery Slider Plugin, Easy Slider

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.
  • 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 demos:

To sum up, Easy Slider is a handy solution for creating sliders that can be easily styled.

No comments :

Post a Comment