Download either the production version or the development version of Cycle2.

In your web page:

<!-- include jQuery -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<!-- include Cycle2 -->
<script src="http://path/to/your/copy/of/jquery.cycle2.min.js"></script>

...

<!-- declare a slideshow -->
<div class="cycle-slideshow">
    <img src="http://malsup.github.com/images/p1.jpg">
    <img src="http://malsup.github.com/images/p2.jpg">
    <img src="http://malsup.github.com/images/p3.jpg">
</div>

That's it! You don't need to write any script to initialize the slideshow, Cycle2 will auto-initialize if you use the class cycle-slideshow.

Everything you need to know can be found here: http://jquery.malsup.com/cycle2/

To install Cycle2 via Bower:

bower install jquery-cycle2

The only file you will need (unless you're customizing) is build/jquery.cycle2.min.js

(Other files are available for advanced customization and you can read more about them on the download and advanced download pages.)

Install the project dependencies:

npm install

Then generate the distributable assets:

npm run build

The compiled files are written to the build/ directory, which is no longer tracked in git.

Start the local Vite dev server and open the demo page:

npm run dev

Use npm run preview to run the production preview server.

Run linting and unit tests together:

npm test

For watch mode during development:

npm run test:watch

Copyright © 2012-2014 M. Alsup.

The Cycle2 plugin is dual licensed under the MIT and GPL licenses.

You may use either license. The MIT license is recommended for most projects because it is simple and easy to understand and it places almost no restrictions on what you can do with the plugin.

If the GPL suits your project better you are also free to use the plugin under that license.

You do not have to do anything special to choose one license or the other and you don't have to notify anyone which license you are using. You are free to use the Cycle2 plugin in commercial projects as long as the copyright header is left intact.