Back to all Elements
The exact same code from Auto Change Tabs is used here (with some annotations):
<script>
var Webflow = Webflow || [];
Webflow.push(function() {
var tabTimeout;
clearTimeout(tabTimeout);
tabLoop();
function tabLoop() {
tabTimeout = setTimeout(function() {
var $next = $('.tabs-menu').children('.w--current:first').next();
if ($next.length) {
$next.click();
} else {
$('.tab-link:first').click();
}
}, 3000);
}
$('.tab-link').click(function() {
clearTimeout(tabTimeout);
tabLoop();
});
});
</script>
In this version I added an interaction that created an indicator when the tab is going to change.
.png)
Destin's Youtube channel Smarter Every Day is one of my favourite places on the web.
A round scroll indicator mad with Webflow elements and interactions
.png)
Pass input fields parameters and add them to the destination URL.
.png)
A Before / After effect for photos, without any code. Only Webflow's interaction.
.png)