jQuery Slider Plugin: Easy Slider
7
Jan
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.
Requirements: jQuery
Compatibility: All Major Browsers
Website: http://cssglobe.com/post/3783/jquery-plugin-easy-ima...
Demo: http://cssglobe.com/lab/easyslider/01.html
Compatibility: All Major Browsers
Website: http://cssglobe.com/post/3783/jquery-plugin-easy-ima...
Demo: http://cssglobe.com/lab/easyslider/01.html
- Tags:
Javascript
- Filed under: GPL License, Gallery, Goodies, MIT License
- 4 Comments























4 Responses for "jQuery Slider Plugin: Easy Slider"
Can I use this on Blogger?
How do I add multiple of this image slider on the same page? Do i need separate easySlide() methods for each list?
I enjoyed. thanks a lot…
Thank you … thas has mey very helped.