I have a slider which is also acting as a navigation on a the ‘People’ section. When the slide enters the mask it displays a div and hides when leaves the mask.
I have a couple of snags which I am struggling to resolve, Screen clip
1 - Function
I would like the slider to appear infinite, currently there is a gap once you scroll to the last slide beginning / end
2 - Interaction
Would it be possible for the user to select / click one of the slides to activate rather than only using the arrows?
3 - Design
Currently the slide arrows crop over the slides at the ends. Ideally i could add a div which is smaller than the slider which would allow the slides to be hidden before the slide buttons but it is not possible to add a div within the slider / mask.
How I would like it to work (cheated by resizing screen)
Hopefully the above makes sense along.
Here is my public share link: https://fountech.webflow.io/staging
Read only" https://preview.webflow.com/preview/fountech?utm_source=fountech&preview=ef33e53e24185bcd0c2013a2d0d7feea