jQuery Slider Plugin: Easy Slider
7
Jan
// php the_time('Y') ?>
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
- 23 Comments
















23 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.
Thank you! I was looking for a nice simple slider like this!
Wow, this jquery slider is very interesst.
thats wicked, now, i have a jquery menu (lavalamp) and when a link is clicked on lavalamp ,it will display the correct slide corrosponding to the link, and slide the full page.!!!
abviously then you can then extrat the html from the database and make a wicked site.
if anyone has any ideas would be great. if i figure it out i will surely post.
slide automatically?
Thank you … nice
Thanks a lot. Really nice stuffs.
Nicely done))
I grabbed it
thanks for this! this is the best script i found, and it works perfect on my site!
Hi, could you, please, give me the code from that red button flash widget? pls??
Thank you.
Hi do u know how I can make that the slider doesn’t hide the other list items? I mean.. I want to scroll but be able to see the element that is not on “focus”
Thank you for any help!!
Thank you, this jquery slider plugin has me very helped.
Wowww, super Slider, thanks for share, …thanks
Thank you, great description and guide / demos.
Also nice for SEO Optimizing of a slide show.
does not work when you have more that 15 or so images
There is a error in IE 8
Greetings:
I LOVE easyslider. But, it is adding a couple of line breaks at th end of the banner. Please check out http://www.aquariumconnection.com/easyslider.html
and let me know what I can to do eliminate those line breaks. Thanks, great script!
Jack
To pause en unpause, add:
// Line 74
$.fn.easySlider.pause = function(){
animate(“stop”,true);
}
$.fn.easySlider.start = function(){
options.continuous = true;
animate(“next”,false);
}
// Line 164
case “stop”:
t = t;
break;
// Call
Stop
Start
its very useful to help my job. thanks for sharing.
Thank you. Very very useful.
It works good but getting error in IE8.
Thanks for sharing.