How To Do This Horizontal Image Slider/Repeating Group? Bigger center image/cell, partially hidden left and right image/cell

faisalkarimstubapp · June 25, 2021, 2:24am

The centered/currently-focused image or cell is slightly bigger than the others.

How to do this? Any help is appreciated ! Thank you.

faisalkarimstubapp · June 25, 2021, 3:20am

@shawnmi6 do you have any idea can help me?

shawnmi6 · June 25, 2021, 3:34am

You can maybe try adding a top/bottom border with the opacity set to 0% and play around with the width size. Then add a conditional rule - When the current index is the visible index then make top/bottom border width = 0

faisalkarimstubapp · June 25, 2021, 4:31am

Okay I think I can play around with the border and width, but couldn’t get the condition “current index is the visible index”. How I do this?

shawnmi6 · June 25, 2021, 6:08am

I am away from a but if that’s not a option then the only to achieve that effect is with some custom JavaScript

Check this out - Swiper demo

system · September 3, 2021, 2:24am

This topic was automatically closed after 70 days. New replies are no longer allowed.