From the fly I cant image how to trigger different previews since there are only global and unique slider arrows and the hover would be always the same.
Hmm yes it’s tricky, because hover can’t register on two elements at once. It’s one ot the other. And you HAVE to hover the arrow in order to click it.
We could trick it if we had the possibility to link to slides (which is a very awaited feature), so we could ditch the arrows entirely and recreate a slider navigation manually, per slide, with local previews.
There must be a way, there is always a way (: If you don’t have that much slides, you could ditch the Slider widget entirely and try to recreate yours manually from scratch. This way it would be easy, and you could even reuse all interaction by naming elements the same way, per slide, and use limit to siblings and parents features.
Let’s ask @sabanna, she’s in a crazy creative workaround spree these days
yeah I think there is maybe only the way to rebuild the slider widget completely in order to gain that much control over the slider arrows and the necessary interactions.
We ll see :). Until there is no better solution for this I have to do it that way.
Since we are making color changing effect on hover, why would not make pop-up image effect on hover?
Here is the structure of the generic Webflow slide, and I see it is possible to add image inside the arrow-links, because it is like link-block,where you can add anything.
What if add there few images (how many slides) and make them display:none - display:block on slide trigger. Then make picture pop-up on hover. Only difference: there will be no sliding effect on this small thumbnails.
Or even more crazy idea: add slider instead img but don’t know yet how to make it pretty, lol
Give them different classes so you can control them with slide interaction, but create one more class for all of them. So every thumbnail will have 2 classes on it.
Give them same fixed positions where you want them to appear (for each side their own position)
Give them all opacity 0%
Apply interaction to the Arrow-links with hover trigger: thumbnail - opacity=100%
Apply interaction to the thumbnails with slide trigger: all thumbnails - display=none, needed thumbnail - display=block
I am sorry, I have no time to play with that in webflow now. Try to follow this steps, if you will stuck somewhere, let me know, will figure it out.
but since I m completely lost with that topic, I can’t get it to work that way.
Is there any documentation about the “slider interaction”?
Since all Images are not within a “slide” how should the interaction trigger anything, since we do not know when which slide is displayed?
Maybe I try this:
Create a two divs and place the two specific images in each div (right & left). Put this div into each corresponding slide.
Create a Hover → Show Interaction on that div. Put a delay when hiding the elements again, because there is only the interaction on that specific div and when a user hovers over the arrow element of the slider, it would trigger a “display:none”. With that delay it kind of fades slowly away.
Thats a workaround because the hover is not triggered by the arrow element itself, but hey…
Maybe I just got your explanation totally misunderstood and I m noob ;P.
Hmm how do you solve the fact the arrows are not per slide but always the same? So how do you know when you’re on a certain slide, to call the thumbnail of the next slide?