Vertical thumbnail slider with autoplay
Switch slides automatically
Slider autoplay controls
Slide One
Slide Two
Slide Three
Slide Four
Slide Five
Slide Six
Slide Seven
Slide Eight
Slide Nine
Slide Ten
Slide Eleven
Slide Twelve
Slide Thirteen
Slide Fourteen
Slide Fifteen
Slide Sixteen
previous arrow
PlayPause
Exit full screenEnter Full screen
next arrow
Slide One
Slide One
Mountains are formed through tectonic forces or volcanism.
Slide Two
Slide Two
Mountains are formed through tectonic forces or volcanism.
Slide Three
Slide Three
Mountains are formed through tectonic forces or volcanism.
Slide Four
Slide Four
Mountains are formed through tectonic forces or volcanism.
Slide Five
Slide Five
Mountains are formed through tectonic forces or volcanism.
Slide Six
Slide Six
Mountains are formed through tectonic forces or volcanism.
Slide Seven
Slide Seven
Mountains are formed through tectonic forces or volcanism.
Slide Eight
Slide Eight
Mountains are formed through tectonic forces or volcanism.
Slide Nine
Slide Nine
Mountains are formed through tectonic forces or volcanism.
Slide Ten
Slide Ten
Mountains are formed through tectonic forces or volcanism.
Slide Eleven
Slide Eleven
Mountains are formed through tectonic forces or volcanism.
Slide Twelve
Slide Twelve
Mountains are formed through tectonic forces or volcanism.
Slide Thirteen
Slide Thirteen
Mountains are formed through tectonic forces or volcanism.
Slide Fourteen
Slide Fourteen
Mountains are formed through tectonic forces or volcanism.
Slide Fifteen
Slide Fifteen
Mountains are formed through tectonic forces or volcanism.
Slide Sixteen
Slide Sixteen
Mountains are formed through tectonic forces or volcanism.
previous arrow
next arrow

Vertical Thumbnail

💻 Settings | 🎓 Layers | 🎉 Animations | 🏗️ Layout | 📱 Responsive | Speed

Description: Simple and smart solution to showcase more slides. Better navigation and extra information!

Premium: Gain access to all slider templates with a single purchase.

Minimum version: 3.5.0.0

Tags:

Settings

The Vertical Thumbnail slider is a great way to create a simple gallery slider for your website. It’s based on the Simple slider type, which can display a single slide at a time. This gives a nice viewing experience, as the other slides won’t distract the visitor.

This template uses the Boxed layout, which makes the slider fit into the container you placed it in. This makes the Boxed sliders perfect for blog posts, as they fit nicely into the content.

There’s an autoplay on the slider, which can be paused and started with the autoplay button at the left top corner. Next to the Autoplay button there’s another button, which makes the slider full screen. This feature is great for image galleries, because visitors can enjoy the images in large size.

Layers

This slider focuses on showing pictures for the visitors. For this reason, it doesn’t have any layers.

Animations

In Smart Slider you can find 2 types of animations which can affect the background images. The first are the Main Animations, that can move both the slide backgrounds and the layers. The Main animation will affect each slide the same way on your slider. The second are the Background animations, which affect the background images and colors. Also, you can set Background animations on a per slide basis.

At this slider we used the Main animation to create this cool vertical effect.

Vertical Main animation

Layout

The most special layout setting on the Vertical Thumbnail slider is that the thumbnails are placed next to the slider. To place the thumbnails like this, we put them to the outer right position.

Outer position at the Thumbnail Control

At each thumbnail, there’s a title and description. This is the name and description of the slide, and it’s a great way to give more details about the slide content.

Responsive

On small screens, the thumbnails take up too much space. As a result, it’s hard to enjoy the slide. For this reason, we turned off the thumbnail on mobile and tablet. Instead of the thumbnail, we enabled vertical arrows. The arrows provide a nice and convenient way to browse the gallery.

Mobille Layout

Core Web Vitals

PageSpeed Insights with Lighthouse analyzed this page on April 13, 2021. For the latest result analyze now!

98

Desktop

First Contentful Paint
0.4 s
Speed Index
0.5 s
Largest Contentful Paint
1.2 s
Time to Interactive
0.4 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0
95

Mobile

First Contentful Paint
1.2 s
Speed Index
1.3 s
Largest Contentful Paint
2.9 s
Time to Interactive
2 s
Total Blocking Time
50 ms
Cumulative Layout Shift
0

Related Post: Create A Responsive Thumbnail Slider

Related Post: Configure Slider Autoplay and Create Automatically Rotating Slider


Similar Sliders -

Autoplaying Thumbnail SliderOrganic FoodFree YouTube SliderYouTube slider with Thumbnails