Categories: jQuery

SlidesJS, a jQuery responsive slideshow plug-in

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.

Jacob Frazier

Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.