I’ve already said on forum how to change images on slider icons I’ll try to find it later. I have a loooooooot of posts to look inside for the answer But that might be the current answer for your task Glad you like it
The linked video shows how to change states for the faces… What I would need is to have the faces control the slider and jump to the corresponding slide.
This may come a little late, but I have solved this as I needed it badly.
Here’s what I used:
I have a regular slider with the dots at the bottom. I have hidden that DIV and replaced it with a new DIV (.heads) that contains as many DIV-s as heads you have (.head). The slider is called .testimonial-slider on our site.
The only solution I found is to simulate a click on the dots when you click on one of the faces.
Here’s the code I added to the page in the before section:
<script>
var Webflow = Webflow || [];
Webflow.push(function() {
$('.heads').children().on('click', function(e) {
var index = $('.heads .w-inline-block').index(this);
$(".slider-navigation-dots").children().eq(index).trigger('tap');
})
});
</script>
You may need to adapt the script to your needs however, this worked for me.
We use it here Not Found around the middle of the page.
This could be improved to change the .active class over the heads for example.