Sliding repeater

Ask the community
,
1

Hi,
Is it possible to make a repeater that can slide horisontally Ike in the attached image? (I’m not talking about a slider gallery which is very lit and can’t have many elements in it).

Thanks,
J.D.
#slidingRepeater #slide #scroll #repeater #horizontally

740×1316 138 KB

2 Likes
2

To make my question clear - it’s okay not to have the item in the center larger as in the attached image, but if there’s any way to make a repeater slide horizontally, that would be great. Does any of you, guys, know if it’s possible?

Thanks,
J.D.

3

Any update?

4

Anyone has an idea? Workaround? Something? This is so basic…

5

Dear J.D. Please try this, assuming that you have a repeater connected to a dataset, limit number of items to display as 1, add “slider” from “user input”, connect slider into same dataset. As you choose slider 1,2,3 to n, repeater goes to next item. Best regards.

6

@info77925 thank you. However this is not what I wanted. It is similar in a way, but it’s different and doesn’t fit to my needs. What I was looking for is a sliding carousel on a mobile device, that displays half of the next and previous items and can be swipes by finger sliding.
And Wix doesn’t support it (this feature it’s so basic!).
Thanks you anyway. :slight_smile:

7

@jonatandor35 I can think of a way to do it, but I doubt the JQuery animations would be as smooth as pure CSS.

You would use a glideOptions object combined with the repeater’s $item selector and scroll by a certain currentIndex += and -= operation on an arrow press. Probably best to make the second operand a variable determined based on if the user is on Mobile or not.

There’s a maximum of 300 pixels distance setting on glideOptions unfortunately, so let me know if you can get the animation to be smooth.

8

@skmedia I don’t think I understand your suggestion. Could you please elaborate a little bit?
Thanks.

9

@jonatandor35 Sure. Basically, I’m suggesting you animate the containers inside the repeater with the glide effect for the transition. And for the items to then stay put in their “new location”, you change the repeater data to show the new set of items. So where at first you might be showing indexes 0 - 4, on a right arrow press you would now get indexes 3 - 7 if your currentIndex += operand is 3.

10

@skmedia Interesting. I’m still not sure I fully understand the idea, but I’ll try to play with it and see.
Thanks,