SlidesJS, a jQuery responsive slideshow plug-in

jQuery responsive slideshow

SlidesJS is a jQuery responsive slideshow plug-in for version 1.7.1+ with various features like responsive, CSS3 transition.

It has the following features:

  • Responsive
  • CSS3 transitions
  • Touch effect
  • Easy setup

Options

  • width (number) & height (number)
  • start (number)
  • navigation (object)
  • pagination (object)
  • play (object)
  • effect (object)
  • callback (function)

Here is a simple example:

<!doctype html>
<head>
<style>
#slides {
display:none;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://www.slidesjs.com/js/jquery.slides.min.js"></script>
<script>
$(function(){
$("#slides").slidesjs({
width: 940,
height: 528
});
});
</script>
</head>
<body>
<div id="slides">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
<img src="http://placehold.it/940x528">
</div>
</body>

Also you can go to http://www.slidesjs.com/ website for more properties.

DEMO | DOWNLOAD

Support

Basic support is available at the SlidesJS forum. Many requests are resolved by other SlidesJS users, but assistance is not guaranteed.

Leave a Reply

Your email address will not be published. Required fields are marked *