Fork me on GitHub

Revolver.js

Examples

Transitions

None

The simplest transition (or lack thereof) available. In a blink of an eye, the current slide is hidden and the next is shown.

Go to Example

Fade

This transition simply fades out the previous slide and fades in the current slide. Please note that all slides must be positioned on top of each other for this to work properly.

Go to Example

Slide

This transition will slide out the previous slide and slide in the current slide, giving the effect that the slides are back to back. All slides must be positioned on top of each other for this to work properly.

Go to Example

Reveal

Reveal might look like the Slide transition at first... but look closer. This transition will "remove the curtain" from the next slide. Check it out!

Go to Example

Roll your own!

Revolver is fully capable of being extended with your own customized transition.

Read Documentation

Others

A Keyboard Driven Slider

Use your keyboard to control your slider! Arrows control the direction of the transition.

Go to Example

Event Callbacks

Part of the reason Revolver.js is so flexible is the custom callbacks that allow you to hook into the core, without actually modifying the core.

Go to Example

In the wild

Are you using revolver.js on your website? Pop over to my github page a send me a message! If I like it, or think it will add value to this page, I'll put it up.