Custom Slider: First and Second Click Issue

Design help Animations & Interactions
1

Hello everyone,

I’ve built these custom case study slider. And know I realized that I have an First and Second Click issue to solve:

  1. Click slide
  2. Click go to Case Study

That does not work with the first slide as you can see here: https://preview.webflow.com/preview/yah-2018?utm_source=yah-2018&preview=468b7384c1123b7fa404f88cf495c713

Because the first slide needs to behave like this:

  1. Click go to Case Study
    … while sliding click on first slide to go back to first slide - than click again to go to Case Study.

Same for the blog at the end of the page.

Is there a trick to solve these slider issue?

Many thanks to anyone who can help.
Nadine

2

Here is an idea:

What if you add a transparent overlay div positioned on top of your slide that gives you the functionality to change slides and the moment the slide is in view the overlay divs shrinks to and disappears and whenever the slide goes away the div covers the whole slide again.

Hope this helps.

3

Hey @aaronocampo,

thanks for the idea. I will try that first.

Many thanks,
Nadine

1 Like