Basic HTML5 slider done with margin-left and jQuery animate.
- Download the code.
- Copy both js/marginslider.js and css/marginslider.css to your project.
- Add classes to your marginslider, marginslider_container, left-arrow and right-arrow appropriately or configure the MarginSlider.init().
- Call the slider with MarginSlider.init( options ); (I recommend only calling it after all the DOM has loaded, you can do so with $(window).load(function(){ .. });.
- That's it!
More information can be found at http://jsvgoncalves.github.io/margin-slider