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.
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.