Super Simple Any Content Slider Plugin For jQuery - SSS
File Size: | 9.58 KB |
---|---|
Views Total: | 3028 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |
SSS (Super Simple Slider) is a jQuery plugin aims to create a responsive, cross- device/platform content slider with minimal effort.
Features:
- Simple and lightweight.
- Responsive design for desktop, tablet and mobile.
- Accessible & keyboard navigation.
- Works with any Html content, not only images.
Basic usage:
1. Load the sss.css in the head section of your web page.
<link href="sss/sss.css" rel="stylesheet">
2. Wrap the Html content into a slider container.
<div class="slider"> <img src="https://unsplash.it/600/400?image=75"> <img src="https://unsplash.it/600/400?image=85"> <img src="https://unsplash.it/600/400?image=95"> ... </div>
3. Load jQuery library and the jQuery SSS plugin's script at the bottom of the web page.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> <script src="sss/sss.js"></script>
4. Call the plugin on the slider container and done.
jQuery(function($) { $('.slider').sss(); });
5. Available plugin options to customize your content slider.
jQuery(function($) { $('.slider').sss({ // enable the auto-rotation mode. slideShow : true, // slide to display first startOn : 0, // animation speed speed : 3500, // transition delay transition : 400, // enable arrows navigation arrows : true }); });
This awesome jQuery plugin is developed by intllgnt. For more Advanced Usages, please check the demo page or visit the official website.