Particle Carousel

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

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

Minimum version: 3.4.1.6

Tags:

The carousel slider type is great for showing posts or products on your site. But don’t let this discourage you from using them. While they look great as dynamic sliders, that’s just the top of the iceberg. Carousel sliders are versatile and you can use them for many purpose. In the case of the Particle Carousel the purpose is to promote services.

How to set a slider background?

If you take a deeper look at this slider, you’ll see a blue background behind the slides, but above the particles. This background is the slider background. You can set a single color or an image as the background of your Carousel slider.

How to change the starting slide?

When you create a slider, the slide you add first will be the starting slide, which we call “first slide”. If you drag and drop another slide to that first position, that’ll make it the first slide instead.

The problem with this that you need to physically move the slide to the first place. There are cases, when the slide order is perfectly fine, but the starting slide needs to be different. For this reason, Smart Slider 3 lets you choose a staring slide.

How to make the Carousel slider switch only one slide?

Carousel slider type switches a pane by default. What is a pane? The pane is the container of group slides, which show up together. For instance, if you have 6 slides in your slider and 3 slides display, then one pane contains 3 slides. For many cases, switching a whole pane is not good. This is why we created an option to switch single slides only.

Switching the carousel slider slide by slide can prevent orphan slides at the end of the slider. People usually use 5-6 slides in their slider, and commonly display 3 to 4 slides at once. This can result leaving the last pane with only one or two slides, that doesn’t always look pretty.

Core Web Vitals

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

100

Desktop

First Contentful Paint
0.3 s
Speed Index
0.4 s
Largest Contentful Paint
0.8 s
Time to Interactive
0.3 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0.001
97

Mobile

First Contentful Paint
1 s
Speed Index
1.4 s
Largest Contentful Paint
2.4 s
Time to Interactive
2.8 s
Total Blocking Time
130 ms
Cumulative Layout Shift
0.024

Related Post: What is a Particle Effect and Why Should You Use It?

Related Post: All You Need To Know About Carousel Slider Type

Related Post: 12 Beautiful Full Width Slider Examples


Similar Sliders -

Use slider navigation to create interactions between slidesWonderful Holiday – Animated image layers to make living slidersPodcast BlockCrypto Block