Reduce development time
Drastically.
Create qualitative, responsive sliders. Without writing code. The world's most powerful slider creating plugin.
Slide 1
Slide 2
Slide 3

Static Slider

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

Description: Smart Slider 3 is an elegant and flexible way to making creative designs specially while you designing websites for photography, music, modeling, fashion, beauty etc. The fullscreen image slideshow with the static text and varied background animations is an eye caching way to display your layers which can attract people more efficiently.

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

Minimum version: 3.5.0.0

Tags:

Best features of static slider

💡 Best features in this slider
  1. Content on a static slide
  2. CTA buttons
  3. Transition layers
  4. Shape divider
  5. Autoplay control

Settings

Static slide is that slide, which is over your slider without switching away, while your regular slides can move behind them. So you shouldn’t think of them as slides, because the whole concept is different, it is rather a tool which gives you a powerful option with a user friendly interface. In the following video you can learn how to create a static slider.

This Static slider is a full page slider, it fills the 100% width and height of your browser. You can use it as a great homepage slider, and can fit in any theme, because you can fully customize it. On the bottom of the slider you can notice a white shape divider which you can customize or disable in the Animations tab of the Slider settings.

Full page layout

The slider stands out from 4 slides: a static slide, where the content is, and 3 other slides with background images which are autoplaying every 8000ms. You can stop the autoplaying with the autoplay control on the top, also you can see when the next slide will come.

Layers

With a static slide you can place layers, for example your logo or watermark over your normal slides. In this case the fully textual content is on the static slide. There are heading and text layers, 2 buttons and 3 transition layers. The transition layer stays from 2 images, and if you hover over it, the image changes to another. You can use these images to link to your social media platforms.

Transition layer

Animations

When you load the slider, all layers come in with an incoming layer animation after each other. The main heading uses a special animation which you can use only on headings: text animation. With the text animation you can animate your text by its characters or words. You can customize this kind of animation in the Text animation manager which you can reach from the content tab of the layer window.

Text animation manager

Layout

The static slider stays from 3 rows. You can find the headings and another row with the two button layer in the first row. The third row is on the bottom with the 3 transition layers. The first main row fills up the available vertical space because the Stretch option is enabled. The second and third row are close to each other, because the full width option is disabled at their settings.

Responsive

The slider is fully responsive, and fills the full page on every device. The fonts are smaller on the smaller screens, the font sizes are resized with the Text scale option. If you switch to mobile view, you will see that the button layers and transition layers are next to each other in this view as well. By default a row wraps after 1 column, but at this slider the columns won’t wrap.

Wrap after setting

Core Web Vitals

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

99

Desktop

First Contentful Paint
0.3 s
Speed Index
0.8 s
Largest Contentful Paint
1 s
Time to Interactive
0.3 s
Total Blocking Time
0 ms
Cumulative Layout Shift
0.003
95

Mobile

First Contentful Paint
1.1 s
Speed Index
1.6 s
Largest Contentful Paint
3 s
Time to Interactive
2 s
Total Blocking Time
60 ms
Cumulative Layout Shift
0.003

Related Post: What is a Full Page Slider and How to Use it?

Related Post: Add Beautiful Section for your Website with Shape Dividers


Similar Sliders -

DatingStatic Text SliderSmart BankStatic testimonial