Slideshow: Slide Navigation - MetaSlider

Skip to content

Slideshow
Gallery
Support
Blog

Login

Get MetaSlider Slideshow Pro

Getting Started

7

Getting Started With MetaSlider Free Versions
Getting Started With MetaSlider Pro Versions
How to Add Slideshows or Galleries to Your Site
MetaSlider Slideshow Changelogs
MetaSlider Gallery Changelogs
MetaSlider Slideshow Free vs Pro
MetaSlider Gallery Free vs Pro

MetaSlider Pro Versions

5

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

MetaSlider Pro Accounts

6

Does MetaSlider Pro use Recurring Subscriptions?
How to Upgrade Your MetaSlider Pro Account
How to Renew a MetaSlider Subscription Early
MetaSlider Refund and Cancellation Policy
How to Cancel MetaSlider Pro
Paperwork for MetaSlider Users

Slideshow: 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?

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)

Slideshow: Captions

4

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

Slideshow: Carousels

2

How to Build a Carousel Slideshow

Slideshow: Animations

3

Transition Effects
Image Animation Effects
Ken Burns Effect (Pro)

Slideshow: 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

Slideshow 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

Slideshow: Page Builders

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

Slideshow: Plugin Integrations

3

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

Slideshow: 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)

Slideshow: Theme Editor

2

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

Slideshow: 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)

Slideshow: Layer Slides

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)

Slideshow: Post Feed Slides

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)

Slideshow: Custom HTML Slides

1

Introduction to Custom HTML Slides (Pro)

Slideshow: TikTok Slides

1

Introduction to TikTok Slides (Pro)

Slideshow: Image Folder Slides

1

Introduction to Image Folder Slides (Pro)

Slideshow: External Image Slides

1

Introduction to External Image Slides (Pro)

Slideshow: Local Video Slides

2

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

Slideshow 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

Slideshow: External Videos Slides

2

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

Slideshow: Translations

2

How to Translate MetaSlider
Multilingual Slideshows With MetaSlider And WPML

Slideshow: Accessibility

2

Accessibility Options in MetaSlider
Play / Pause Button

Slideshow: Vimeo Slides

1

Introduction to Vimeo Slides (Pro)

Slideshow: Post Images Slides

1

Introduction to Post Images Slides (Pro)

Slideshow: 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

Slideshow: YouTube Slides

2

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

Slideshow: 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

Slideshow: 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: WooCommerce Slides

1

Introduction to WooCommerce Slides (Pro)

Slideshow: 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 Gallery

18

Introduction to the MetaSlider Gallery Plugin
How to Add and Edit Image Captions
How to Preview Your Gallery While You Edit It
Create Image Galleries With MetaSlider Gallery
Design Options for MetaSlider Gallery
How to Open Images in a Gallery Window
How to Open Image Galleries in a Gallery Window
How to Open Slideshows in a Gallery Window
How to Open Local Videos in a Gallery Window
How to Open YouTube Videos in a Gallery Window
How to Open Vimeo Videos in a Gallery Window
How to Open Featured Images in a Gallery Window
Features in the MetaSlider Gallery Window
How to Style Your Gallery Images
How to Protect Your Gallery Images
How to View a Carousel Gallery in Fullscreen
How to Offer Image Downloads of Different Sizes
How to Let Visitors Like Your Gallery Images

MetaSlider Security

1

Security Issues and How to Report Them

View Categories

Home
MetaSlider Documentation
Slideshow: Slide Navigation

Slideshow: 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 Building Sliders and Galleries Today!

Create and publish WordPress slideshows and galleries in minutes…

Get Slideshow + Gallery

MetaSlider Slideshow 3.111: Easily Convert Sliders into GalleriesAugust 7, 2026
Metaslider Slideshow Pro 2.59: Introducing Background Color SlidesAugust 7, 2026
MetaSlider Slideshow 3.111.1: Sanitization, Fatal Error, and Single-Slide FixesAugust 6, 2026
MetaSlider Slideshow 3.111.2: Fix for Settings Not SavingAugust 6, 2026
MetaSlider Gallery 2.36: Carousel Frame Borders and Smoother Gallery FixesAugust 6, 2026

MrFerriero

I’m obsessed with this slider. I’m obsessed with this slider. It’s simple to use – I put it on most of my clients sites! They can add photos, slides, etc. with ease!
1stmeridian

Love it. Thank you! I tried three other sliders and had problems with all. Finally this one does what it should and is easy to work with! Love it. Thank you!

Helpful Links

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

Our Projects

PublishPress
TaxoPress
Logtivity

Comparisons

MetaSlider vs Smart Slider
MetaSlider vs Slider Revolution

Terms of Use
Privacy Policy

© 2026 MetaSlider LLC

Slideshow
Gallery
Support
Blog

Search for: