Sequence is the jQuery slider plugin with infinite style. It provides the complete functionality for a website slider without forcing you to use a set theme. In fact, Sequence has no in-built theme, leaving you complete creative control to build a unique slider using only CSS3 — no jQuery knowledge required!
Features
- Unique transition styles created using CSS3
- Supports all modern browsers
- Gracefully degrades in older browsers*
- Supports responsive layouts
- Supports touch devices and swiping
- Many developer features with even more to come
- Semantic and easy to use markup
- Open source
Usage
Place a link to jQuery and the sequence.js file in the < head > of your document:
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="scripts/sequence.js"></script>
Once you’ve added the necessary files for Sequence, within the < head > of your document, inititate an instance of Sequence like so:
<script type="text/javascript">
$(document).ready(function(){
var sequence = $("#sequence").sequence(options).data("sequence");
}
</script>
Modern Slide In Demo – Sliding Horizontal Parallax Demo – Apple Style Demo – Documentation – Download