Super Simple Any Content Slider Plugin For jQuery - SSS

File Size: 9.58 KB
Views Total: 3045
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Super Simple Any Content Slider Plugin For jQuery - SSS

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.