If you are in hurry get the code:
This is very basic example of having clickable elements on a page and to link them to a specific slide in slider just on these elements.
But hey, what if you want to have a slider with functionalities like on Instagram? I have been there ;) Below is something which is created in Webflow by using only their JS library - no other JS libs are required, only Webflow <3.
Before we start diving in let's talk about custom attributes - we will be using them as a slideIndex value in our code:
Let's start with Desktop first (#WebflowWay)
Last thing we need is to add a little JS inside our custom code to display hidden Slider section:
Now focus on Mobile users (#WebflowWay)
On mobile we need actualy one more line to our main code.
I hope this article helped you with creating a link on ANY element you want to behave like navigation dots when they are clicked. If you still have some problems, please let me know by sending a comment here or by an email (get a quick answer).