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.
