Thumbnail 1
Thumbnail 2
Thumbnail 3
Thumbnail 4
Thumbnail 5
Thumbnail 6
Thumbnail 7
Thumbnail 8
Thumbnail 9
Thumbnail 10
previous arrow
next arrow
Thumbnail 1
Thumbnail 2
Thumbnail 3
Thumbnail 4
Thumbnail 5
Thumbnail 6
Thumbnail 7
Thumbnail 8
Thumbnail 9
Thumbnail 10
previous arrow
next arrow

Free Thumbnail Slider

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

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

Free: Give Smart Slider 3 a try for free. Download now!

Minimum version: 3.4.1.8

Tags:

Settings

In the free version of Smart Slider 3 you can easily create a slider with thumbnails, you should just turn on the Thumbnail control at the Slider settings. Thumbnails are great navigation elements, and they also can show a preview of your slides. Usually you can navigate with arrows or bullets, but you have the option to navigate with your keyboard or with a mouse drag or scroll.

In Smart Slider 3 you have the option to autoplay your slider, so the slider can switch its slides automatically after a period of time, which is called autoplay duration. You can enable this setting and configure it at the Slider settings → Autoplay tab.

Autoplay settings
Autoplay settings

Layers

This slider is based on the images and thumbnails, and hasn’t any layers. However, if you want to use a layer, with Smart Slider you can cheer up your slider with layers.

Layers are containers to help you tell your story. For example you can use a heading layer to show the image caption, or show a button to direct the visitor to a specific page. You can also add extra images as layers for example to show a Facebook icon with a link on it. And there is a YouTube and Vimeo layer to display videos from these sites. And if you display a video, you can change the thumbnail type, and it will show a play icon.

Animations

Slide switching can be horizontally or vertically, and you can set the main animation direction as well. Even the smallest animation gives a nice touch to the thumbnail slider. Smart Slider 3 offers lots of nice animations which play when the slides change. The most favored animation is the simple fade. This is the effect which doesn’t just animate the background images but the layers as well. The horizontal and vertical Main animation is often used, and these animations are highly touch friendly. While swiping on the screen, it’s possible to preview the nearby slides. Since they’re Main animations, they move the layers with the background image. At this slider 2 background animation changes which you can change at the background animation manager in the slider settings.

Background animation manager
Background animation manager

Layout

You can see the arrows on the left and right side of the images, and thumbnails below them. You can use these controls to switch slides. The thumbnails shows a small preview of the actual slide.

Responsive

The arrows and thumbnails are available in the mobile view as well, but they are smaller, so the visitors can see there are more available slides, but the thumbnails aren’t too big or small. But if you don’t like them, you can disable the control on smaller view, also you can add a custom image size.

Core Web Vitals

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

97

Desktop

First Contentful Paint
0.3 s
Speed Index
0.7 s
Largest Contentful Paint
1.3 s
Time to Interactive
0.4 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0
93

Mobile

First Contentful Paint
1.2 s
Speed Index
1.5 s
Largest Contentful Paint
3.2 s
Time to Interactive
1.7 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0

Related Post: Create A Responsive Thumbnail Slider

Related Post: How to Create Beautiful Responsive Image Slider?

Related Post: Configure Slider Autoplay and Create Automatically Rotating Slider


Similar Sliders -

Blogger TemplateAutoplaying Thumbnail SliderTestimonial ThumbnailFull-width Thumbnail Slider