Slide Navigation – MetaSlider

Skip to content

Slideshow
Pricing
Documentation
Lightbox
Support

Login

Getting Started

6

Getting Started With MetaSlider Free
Getting Started With MetaSlider Pro
How to Add MetaSlider Slideshows to Your Site
MetaSlider Free vs Pro
MetaSlider Changelogs
MetaSlider Lightbox Changelogs

Slide Types

13

Introduction to Image Slides
Introduction to Vimeo Slides (Pro)
Introduction to YouTube Slides (Pro)
Introduction to External Image Slides (Pro)
Introduction to Post Feed Slides (Pro)
Introduction to Layer Slides (Pro)
Introduction to Local Video Slides (Pro)
Introduction to External Video Slides (Pro)
Introduction to TikTok Slides (Pro)
Introduction to Custom HTML Slides (Pro)
Introduction to Post Images Slides (Pro)
Introduction to WooCommerce Slides (Pro)
Can I Mix Slide Types in One Slideshow?

Image Slides

3

Introduction to Image Slides
Image Crop Options
MetaSlider and Unsplash

Slideshow Themes

11

Themes Available for Slideshows
How Do I Use A Slideshow Theme?
How to Add Custom CSS
Full Width Slideshows with MetaSlider
Full Screen Slideshows with MetaSlider
Showing Mixed Image Sizes in MetaSlider
Slide Looping Options in MetaSlider
How to Change the MetaSlider CSS Styles
How to Add Custom CSS Classes
Customize the Slideshow Container (Pro)

Captions

4

Introduction to Captions in MetaSlider
Add Buttons to Captions
Use the Theme Editor to Change Captions (Pro)
Captions for Video Slides (Pro)

Carousels

2

How to Build a Carousel Slideshow
How to Create a Text and Image Carousel

Animations and Transitions

3

Transition Effects
Image Animation Effects
Ken Burns Effect (Pro)

Slide Navigation

7

Arrows Navigation in MetaSlider
Dots Navigation in MetaSlider
Numbers Navigation in MetaSlider
Thumbnail Navigation in MetaSlider (Pro)
Filmstrip Navigation With MetaSlider (Pro)
Progress Bar Navigation in MetaSlider

MetaSlider FAQs

8

How to Export and Import Slideshows
How to Schedule Slides in MetaSlider (Pro)
Recommended Height and Width Settings for Slides
Is MetaSlider GDPR Compliant?
How to Collect Statistics for Slideshows
Access to the MetaSlider Admin Area
Enable or Disable the Frontend Editing Links in MetaSlider
Display A Slideshow Only on Specific Posts or Pages

MetaSlider Pro

7

How to Use MetaSlider Pro Licenses
Is There a Free Trial of MetaSlider Pro?
Is Metaslider Pro Installed Correctly?
MetaSlider Pro Installation Troubleshooting
MetaSlider Pro and Multisite Licenses
Can I Install MetaSlider Pro on a Development Site?
My MetaSlider License Won’t Connect

MetaSlider Pro Accounts

8

Paperwork for MetaSlider Users
Does MetaSlider Pro use Recurring Subscriptions?
How to Upgrade Your MetaSlider Pro Account
How Are Payments For Metaslider Pro Taken?
What Happens If An Automatic Metaslider Pro Payment Fails?
Can I Pay My MetaSlider Subscription Early?
What Is Your Refund / Cancellation Policy?
How to Cancel MetaSlider Pro

Page Builder Integrations

10

MetaSlider and SiteOrigin
MetaSlider and Bricks Builder
MetaSlider and the Site Editor
MetaSlider and the Gutenberg Block Editor
MetaSlider and the Classic Editor Plugin
MetaSlider and Visual Composer
MetaSlider and WPBakery
MetaSlider and Divi Theme and Builder
MetaSlider and Beaver Builder
MetaSlider and Elementor

Screen Sizes

5

Device Settings (Smartphone / Tablet / Laptop / Desktop)
Hide Caption Elements on Screen Sizes
Touch Swipe for Mobile Devices
Different Slideshows For Different Screen Sizes
Hide Elements in Layer Sliders for Some Devices (Pro)

Advanced Slide Options

5

How to Hide Slides in MetaSlider
Lazy Load for Images and Videos
How to Customize the Slide Delay (Pro)
How to Repeat Slides in MetaSlider (Pro)
How to Schedule Slides in MetaSlider (Pro)

Plugin Integrations (Pro)

3

MetaSlider and The Events Calendar (Pro)
MetaSlider and WooCommerce (Pro)
MetaSlider and Advanced Custom Fields (Pro)

Theme Editor (Pro)

2

Introduction to the MetaSlider Theme Editor
Use the Theme Editor to Change Captions (Pro)

Layer Slides (Pro)

5

Introduction to Layer Slides (Pro)
How to Add Background Videos to Layer Slides (Pro)
How to Add Animations to Layer Slides (Pro)
How to Add Shortcodes in Layer Slides (Pro)
Hide Elements in Layer Sliders for Some Devices (Pro)

Post Feed Slides (Pro)

6

Introduction to Post Feed Slides (Pro)
Image Sources for Post Feed Slides (Pro)
How to Use Custom Fields in Post Feed Slides (Pro)
How to Use the Excerpt in Post Feed Slides (Pro)
How to Use Tags and Categories in Post Feed Slides (Pro)
Dynamic Slideshows For Taxonomies (Pro)

Custom HTML Slides (Pro)

1

Introduction to Custom HTML Slides (Pro)

TikTok Slides (Pro)

1

Introduction to TikTok Slides (Pro)

Image Folder Slides (Pro)

1

Introduction to Image Folder Slides (Pro)

External Image Slides (Pro)

1

Introduction to External Image Slides (Pro)

Local Video Slides (Pro)

2

Introduction to Local Video Slides (Pro)
Video Text Track (VTT) Captions for Local Videos (Pro)

External Videos Slides (Pro)

2

Introduction to External Video Slides (Pro)
Video Text Track (VTT) Captions for External Videos (Pro)

Vimeo Slides (Pro)

1

Introduction to Vimeo Slides (Pro)

Post Images Slides (Pro)

1

Introduction to Post Images Slides (Pro)

YouTube Slides (Pro)

2

Introduction to YouTube Slides (Pro)
What YouTube URL Formats Can You Use in MetaSlider?

WooCommerce Slides (Pro)

1

Introduction to WooCommerce Slides (Pro)

Troubleshooting

12

How to Find Error Messages for MetaSlider
How to Troubleshoot MetaSlider
Legacy Slideshow Options
How to Remove White Space Under Slideshows
Using “No Conflict Mode” in MetaSlider
A Slide Is Not Displaying on the Frontend
A Video Thumbnail is Not Displaying
How Do I Fix Poor Image Quality?
How Do I Fix W3C Validation Errors?
Auto Play and Audio for Video Slides
The Launch Layer Editor Button Is Missing
Extra Break Tags Appearing in Slideshows

Translations

2

How to Translate MetaSlider
Multilingual Slideshows With MetaSlider And WPML

Accessibility

2

Accessibility Options in MetaSlider
Play / Pause Button

MetaSlider Lightbox

8

Introduction to the MetaSlider Lightbox Plugin
Design Options for MetaSlider Lightbox
How to Open Images in a Lightbox Modal
How to Open Image Galleries in a Lightbox Modal
How to Open Slideshows in a Lightbox Modal
How to Open Local Videos in a Lightbox Modal
How to Open YouTube Videos in a Lightbox Modal
How to Open Vimeo Videos in a Lightbox Modal

Theme Integrations

4

Create a Custom MetaSlider Theme
Can I Distribute MetaSlider in a Theme?
MetaSlider and the Astra Theme
MetaSlider and the Vantage Theme

Cache and Optimization

8

WP Super Cache and MetaSlider
WP Rocket and MetaSlider
Autoptimize and MetaSlider
Smush Image Optimization and WordPress
WP Fastest Cache and MetaSlider
LiteSpeed Cache and MetaSlider
W3 Total Cache and MetaSlider
WP-Optimize and MetaSlider

Code Samples

13

Display the Image Title Attribute Above the Image
Modify the Arrows on Slideshows
Add an Overlay for Vimeo Slides
Show a Slideshow via the WordPress API
Hide a Slideshow on Mobile
Capture Slide Details with Javascript
Change the Scrset and Rel Attributes For Slide Images
Change the Slideshow Height to Match Each Image
Disable Touch Events in FlexSlider for MetaSlider
Enable Lazy Loading in MetaSlider
Stop Jetpack Breaking Images on MetaSlider
Exclude the Current Post from the Slideshow
How to Change MetaSlider Caption Styles

Slideshow Demo Recipes

12

How to Build the Custom Caption Slider Demo
How to Build the Vimeo Slider Demo
How to Build the YouTube Slider Demo
How to Build the External URL Slider Demo
How to Build the Post Feed Slider Demo
How to Build the Layer Slider Demo
How to Build the WooCommerce Slider Demo
How to Build the Lightbox Slider Demo
How to Build the Local Video Slider Demo
How to Build the Events Calendar Slider Demo
How to Build the Image Slider Demo
How to Build the Image Carousel Slider Demo

Developers

11

MetaSlider Database Information
Metaslider_post_feed_args
Metaslider_default_parameters
Metaslider_resized_image_url
Metaslider_image_{$type}_slider_markup
Metaslider_{type}_slider_anchor_attributes
Metaslider_{type}_slider_javascript
Metaslider_{type}_slider_javascript_before
Metaslider_{type}_slider_parameters
Metaslider_{type}_slider_image_attributes
Properties for MetaSlider Slideshow Libraries

MetaSlider Security

1

Security Issues and How to Report Them

View Categories

Home
MetaSlider Documentation
Slide Navigation

Slide Navigation

MetaSlider offers several different ways for users to navigate to different slides.

Arrows Navigation in MetaSlider
Dots Navigation in MetaSlider
Numbers Navigation in MetaSlider
Thumbnail Navigation in MetaSlider (Pro)
Filmstrip Navigation With MetaSlider (Pro)
Progress Bar Navigation in MetaSlider

Start Using Your Slider Today!

Create and publish WordPress slideshows in minutes… What are you waiting for?

Get MetaSlider Now

How to Create Full-Width Slideshows with MetaSliderMarch 10, 2026
You Now Have Easy Access to All the MetaSlider DemosMarch 3, 2026
What’s New at MetaSlider in January 2026?January 29, 2026
What’s New at MetaSlider in December 2025?December 17, 2025
What’s New at MetaSlider in November 2025?November 23, 2025

Germars

This does exactly what it promised to do. I was struggling with DIVI’s built in slider and this does exactly what it promised to do.Thank you.
Clemens100

The setup is easy, the sliders have a lot of features. The setup is easy, the sliders have a lot of features, and if you need something special, you get a quick response from the support/dev team. Great!!

Helpful Links

MetaSlider Demos
MetaSlider Blog
Support
Pre-Sales Questions
Plans & Pricing
Lifetime Subscriptions

Our Projects

PublishPress
TaxoPress
Logtivity

Brand
Terms of Use
Privacy Policy

© 2026 MetaSlider LLC

Slideshow
Pricing
Documentation
Lightbox
Support

Search for: