Slider Revolution jQuery 5.3+ Documentation
Basic Setup
- Download Source Overview
What to look for when you unzip your download file - Slider Template Setup
What files to copy/move when working with a template - Slider Markup Overview
All the needed parts included in a basic slider setup - Slider Timeline & Progress Bar
Control when your slides change & content is shown
Core Settings
- Slider Layout
Layout options & settings including fullwidth & fullscreen - Slider Carousels
Convert any slider into a traditional carousel of items - Slider Settings
JavaScript settings including autoplay & mobile visibility - Slider Preloader
Six prebuilt spinners for when your slider is loading
Responsive Setup
- Responsive Overview
All responsive options for setting up the perfect slider
- Responsive Levels
Built-in media queries for enhanced responsiveness - Layer Visibility
Show/hide content for any given responsive level
- Layer Settings
Custom size and positioning for each responsive level
Animations and Links
- Slide Transitions
70+ animations for when your slides change
- Layer Transitions
32 prebuilt code snippets for your Layer animations
- Link a Slide
Add a hyperlink to any given slide - Link a Layer
Add a hyperlink to a Slide Layer
Slide Main Backgrounds
- Background Images
Add background images to your slides
- YouTube Background Video
Markup and options for YouTube videos - Vimeo Background Video
Markup and options for Vimeo videos
- HTML5 Video Background
Markup and options for locally hosted video
- Solid Color Background
No image or video, just a basic solid color - Transparent Slides
No background, just completely transparent
Main Background Options
- Background Animations
Add transitions to your background images - Add a Slide Link
Hyperlink an entire slide
- Lazy Loading
On-demand image loading for your sliders
- Image Filters
Instagram-type filters for your background images
- Ken Burns Effect
Zoom/pan your slider’s background images
- Parallax & 3D
Special effects for your slide backgrounds
Slide Layers
- Basic Layer Setup
The core elements of a Slide Layer - Text Layers
Add some text to your slides
- Image Layers
Images added on top of the Slide - YouTube Video Layer
Markup and options for YouTube videos - Vimeo Video
Markup and options for Vimeo videos
- HTML5 Video
Markup and options for locally hosted video
- Audio Layers
Markup and options for locally hosted audio
- Layer Groups
Animate and position multiple Layers together
- Rows & Columns
Symmetrical grid layouts for perfectly spaced content
Layer Options
- Responsive Layers
Built-in media queries for enhanced responsiveness
- Static Layers
Setup Layers to always be shown on top of all other slides
- Layer Styles
Custom class styles for your text layers
- Layer Animations
Animate your Layers with 32 prebuilt code snippets
- Layer Links
Hyperlink one of your Slide’s Layers
- Layer Actions
Add user-interactivity to buttons and more
- Blend Modes
Add CSS3 mix-blend-modes to your Layers
- Parallax & 3D
Add life to your Layers with these special effects - Simple Shapes
A basic element with a size and background color
Slider Navigation
- Navigation Syntax
Add navigation to your slider’s main settings
- Navigation Styles
Browse through the 35+ prebuilt navigation options - Custom Navigation
Setup Layers to navigate between slides when clicked
Video Options
- Background Video
YouTube, Vimeo or HTML5 Video as the slide’s main background
- Video Layers
YouTube, Vimeo or HTML Video as a regular content Layer
- What’s the Difference?
Important mobile considerations for your videos
Add-Ons and Special Features
- Whiteboard
Draw your text with a hand graphic to bring life to your presentations - Typewriter
Enhance your slider’s text with typewriter effects - Parallax & 3D
Special effects for your slide backgrounds & layers - Filters & Blend Modes
Enhanced visual effects for your background images and Layers - Visual Editor
No code editing. Just pure slider building awesomeness - Particles
Level-up visuals with animated particle effects - Polyfold
Add sharp edges to your sliders as the scroll into view - Countdown
Add a custom countdown timer for your coming soon pages - Slicey
An enhanced Ken Burns effect that creates stunning 3D visuals - FilmStrip
Display a reel of images as your slide’s main background - Before/After
Show interactive before/after content of your work - Panorama
Display 360° panoramic views of your images - Reveal
Reveal your sliders in style with custom effects - Duotone
Add duotone filters your slide’s main background images - BubbleMorph
Lava-Lamp type shapes for your sliders - Distortion
Add liquid-morph effects to your slide’s main images
Actions, API and more
- Scroll Below Slider
Add user-interactivity to scroll beneath the fold
- Stop Slider out Viewport
Load your slider when it’s scrolled into view - Control other Layers
Add user-interactivity to show/hide certain content - Play/Pause Video
Add user-interactivity for video to any given Layer - API Methods/Events
Additional options for developers