A lightweight slideshow plugin for jQuery. Provides basic features like scroll and select.
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
img
.DS_Store
LICENSE
README.md
index.html
js-slideshow.css
js-slideshow.js

README.md

slideshow-js

A lightweight slideshow plugin for jQuery. Provides basic features like scroll and select.

###Why?

After searching for a simple plugin with basic gallery and slideshow features for nothing, I decided to build one. Still in developing but satisfy basic needs.

###How to use?

  • Clone this repo
  • Copy & Paste both js-slideshow.css and js-slideshow.js into working directory
  • add following tags
<link rel="stylesheet" href="js-slideshow.css">
<script src="js-slideshow.js"></script>
  • Create a div with a class name. For example:<div class="js-slideshow"></div>
  • Add images:
<script>
var image = [
  'img/1.png',
  'img/2.png',
  'img/3.png',
  'img/4.png',
  'img/5.png',
  'img/6.png',
  'img/7.png',
];
</script>
  • Call function:
<script>
$('.js-slideshow').slideshow({
  images: image
});
</script>

###Options

<script>
$('.js-slideshow').slideshow({
  images: image,
  autoScoll: true, // Start auto scrolling. Set "false" to disable.
  timeInterval: 5000, // Set time interval of auto scrolling.
});
</script>