WebAppers

/ best free open source web resources /

Shopify

Easy Image or Content Slider for jQuery

Posted · Category: Demo Tour, GPL License, MIT License

Easy Slider enables images or any content to slide horizontally or vertically on click. It is configurable with css alone. So, basically you link to plugin file, set the content up and style it with css. First you’ll need content and it should be wrapped inside a div containing an ordered list where each list item represents one slide.

You can basically put whatever you want inside list items as long as you keep the same dimensions. Script automatically adds “previous” and “next” buttons in form of span elements with nested anchors just after the content element.

On each click (previous or next button) script calculates the current “position” and makes a one step in requested direction. So, the slider jumps from one slide to another. Once it reaches the end (last slide), the “next” button fades away and re-appears only if “previous” button is clicked again. Same goes for sliding towards the beginning.

easy slider

Requirements: jQuery Framework
Demo: http://cssglobe.com/post/3783/jquery-plugin-easy-image-or-content-slider
License: MIT, GPL License

6 Comments
  • http://www.webgurus.ro Gergely Marton

    Finally an excellent jQuery image slider!

    Thank you webappers!

  • http://www.fedmich.com/ fedmich

    Thanks webappers :)

  • http://wpclassifieds.net Marcio Rocon – Premium Wordpress Themes

    Thanks!!!

  • http://www.sterlingdesignuk.com/seo.html Ryan Gliozzo-search engine optimisation pontefract

    thanks for this, it is the easiest slider I have found to implement.

  • imaria

    Is there a way that you can have the slider go on auto-scroll where you can eliminate the next/previous buttons?

  • anonymous

    Doesn’t works together with the “ga_tracker” jquery plugin.

Supported By

Deals

Web Browsers Icon Set
Food Icon Set
Flat Icon Set

Flat Icon Set

100 icons