If this tutorial is not what you were looking for, you still have any questions, suggestions or concerns - feel free to let us know. Please help us to serve you better!

Your Name

Your Email

Your Message (required)

captcha

“Cycle Plugin”

This script offers a wide variety of slide change transition effects. You can find full installation and configuration instructions by following this link.

JavaScript

In order to make the script work, the index-#.html file with a gallery should contain these lines of HTML code:
1
The section of the index-#.html file contains these lines of code that initialize the script functionality with basic values:
2
This script is initialized with a

element with the #slideshow id. Script attributes define the following values:

• pause – pauses the slideshow, slideshow can be resumed with ‘resume’ command;
• resume – resumes a paused slideshow;
• toggle– toggles the pause/resume state of the slideshow;
• next – advances slideshow to next slide;
• prev – advances slideshow to previous slide;
• stop – stops the slideshow;
• destroy – stops the slideshow and unbinds all events.

For more information about options, see the Options Reference page.

HTML

Below you can see general HTML script representation:
3

CSS

You can find script related stylesheet in the main style.css file.
4

"Cycle Plugin", 4.3 out of 5 based on 3 ratings