00:00:00
Sponsor
Components
Timed Tabs
Auto-play webflow tabs elements
Instructions
Make sure you have the VisualDX script in your <head>. Checkout the Quick Start for how to do this.
1
Add vdx-tabs-timed to the custom attribute name input of your WebflowTabs
The default interval speed is set to 3000ms
Tabs
Custom Attributes
Name
vdx-tabs-timed
Value
2
Control the change interval by adding a value, 2000 = 2000ms, vdx-tabs-timed="2000" .
3
Pause tabs option Add vdx-tabs-pause to the webflow Tabs element. This allows the user to pause the tab rotation when hovering over the tab element and restart when hover off the element
Auto Tabs in action
Tab 1
Hover to stop
Tab 2
Hover to stop
Tab 1
Hover to stop
Tabs
Custom Attributes
Name
vdx-tabs-timed
Value
1000
Tab 1
Hover to pause
Tab 2
Hover to pause
Tab 1
Hover to pause
Tabs
Custom Attributes
Name
vdx-tabs-timed
Value
1000
Name
vdx-tabs-pause
Value