Tabs

Lecture automatique des tabs

Avoir des tabs qui "jouent" automatiquement sans action manuelle

Copier ce script

Etape 1

Copier le script et le coller sur votre page ou projet Webflow

<script>
var Webflow = Webflow || [];
Webflow.push(function () {

var tabTimeout;
clearTimeout(tabTimeout);
tabLoop();

function tabLoop() {
tabTimeout = setTimeout(function() {
var $next = $('.testimonials_link-wrapper').children('.w--current:first').next();
if($next.length) {
if ($(".navbar_menu-button").hasClass("w--open")) {
tabLoop();
}else{
$next.removeAttr("href").click();
}
} else {
if ($(".navbar_menu-button").hasClass("w--open")){
tabLoop();
}else{
$('.testimonials_link:first').removeAttr("href").click();
}
}
}, 5000); // Changer le temps ici en ms
}

$('.testimonials_link').click(function() {
clearTimeout(tabTimeout);
tabLoop();
});
});
</script>
Copier

Etape 2

Intégrer sur Webflow en adaptant à votre projet et votre configuration

  • Changer la class correspondant à l'élément parent des Tab Link (ici .testimonials_link-wrapper)
  • Changer la class correspondant à un élément enfant des Tab Link (ici .testimonials_link)
  • Changer la class correspondant au bouton permettant d'ouvrir le menu sur mobile (ici .navbar_menu-button)