SimpleSlider
A jQuery plugin slideshow made easy
Simple Slider has been developed to be a simple lightweight plugin for users that want to be able to add there own CSS without breaking the plugin. The plugin can be responsive or static depending on the need, or why not static before a media-query break and then be set at a percent, if you can do it in CSS you can do it in this plugin. Simple Slider does not need to only contain images but can contain what ever kind of HTML-element you desire. Simple Slider
<div id="slider">
<div class="slides">
</li class="slide"> </li>
</div>
</div>
To start the plugin just add:
$( "#slider" ).simpleSlider();
Sett your personal feel to it in the CSS and change the settings in the JS settings object.
var settings = $.extend({
animationSpeed: 200, animationPause: 5000, nav: 'dot', arrowNav: true, hoverHandler: true
}, options);