Sequence.js: The jQuery Slider Plugin with Infinite Style

Sequence.js: The jQuery Slider Plugin with Infinite Style

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 DemoSliding Horizontal Parallax DemoApple Style DemoDocumentationDownload

Enjoyed this article? Subscribe to read more like it

 

Sponsors