WAIT: Nested Slider: Last Slide bug

[tobiashaas]

Bricks Version: 1.5
Browser: Chrome 104
OS: macOS 12.5
URL: https://bricks.tobiashaas.dev/

Hey everyone
I have a slider that works very well so far. However, when moving from the last to the first slider, the photo is not visible.

It’s best to look at the screen record.

• Loom Record 1
• Loom Record 2

The problem has already been explained here

Slider (Nestable) with custom option - Bricks 1.5 RC

Hi, I created a Slider (Nestable) with following custom options: The result is the way I want it, but in the first and last slide there is the padding space without image. Is there a solution, how to configure the slider, that the first and last slide “touch” each other? https://testwebsite.sjlie643lq.cloudpages.xyz/testsite/index.php/slidertest/ { “type”:“loop”, “direction”:“ltr”, “keyboard”:“global”, “height”:“70vh”, “padding”:“20%”, “gap”:20, “start”:“1”, “perPage”:“1”, “perMove…

[timmse]

Hi Tobias,
Thanks so much for your report!

I’m afraid there’s nothing we can do about this and we’ll have to wait for the Splide.js developers to take care of it: Image disappears in the last slide (slide becomes blank) when it moves left · Issue #730 · Splidejs/splide · GitHub

Best regards,
timmse

[wplit]

If you’re not using dynamic data for the slides, the solution is to use classes to add the background images instead of the IDs. (because SplideJS changes the IDs dynamically, but it won’t touch the classes)