Principle
Slides, two images, a controlled rendering
- One slide, two images
Every slide carries an image for wide screens and an image for mobile. The browser only downloads the one it needs: the mobile visitor does not pay for the weight of a panoramic visual.
- The message
Title, text and button are entered per language. The text block position is chosen on the slide, which lets you clear the subject of the photo.
- Typography
Size, weight and case of the title, the text and the button are set once for the whole slider; a slide can depart from it when needed. Button colours, corner radius and padding are set in the same place.
- Motion
Automatic scrolling can be turned on, with the delay between slides and the transition duration in milliseconds, plus a slight hover zoom. With a single active slide, the slider becomes a fixed banner.
Scrolling library — the module ships its own and uses it by default. If your theme already loads Swiper, set the source to the theme to avoid loading it twice.