Wheelizate Tabs is an alternative solution for tabbed navigation. It uses a wheel instead of horizontal or vertical buttons.
This is a HTML5/JavaScript/jQuery plugin.
This is a HTML5/JavaScript/jQuery plugin.
Credits
Demo
- HTML framework: Bootstrap v3.3.5
- Avatars on Apart wheel: User Inter Faces
- Images on Center wheel: Unsplash
Required plugins
- JavaScript library: jQuery v1.11.3
- SVG library: Raphaël.js v2.1.2 (customized)
- Wheel navigation library: wheelnav.js v1.7.0
- Free SVG icons: from Raphaël icons
Changelog
v2.2.1 – 2021-03-17
- Add unlimited tab support
- Add support to jQuery 3.x
- Fix a WordPress 5.6.2 issue
v2.2.0 – 2016-11-10
- New feature: keyboard handling
- Update wheelnav to v1.7.0
v2.1.0 – 2016-02-26
- New tab type: Center
- New feature: slider’s seconds (autoplay)
- Fix Apart-left, Apart-right responsive bug
- Modify type data attributes: data-wtab-tabtype, data-wtab-tabsubtype, data-wtab-tabwheeltype, data-wtab-tabthemetype, data-wtab-tabtitle-tooltip
- Modify default wheel id to tab-wheel
- Update Bootstrap to v3.3.6 (for demo)
v2.0.0 – 2015-11-07
- Add HTML5 data attributes and jQuery API
- Remove Bootstrap dependency
- Images are supported on wheel’s title
- Deep linking is available via selectedTab
- Tab panes are animated
- Wheel’s radius and animation are adjustable
- New wheel type: Wheel
- Tab pane style settings: rounded, shadowed, minimum height
- Update wheelnav to v1.6.1
- Update jQuery to v1.11.3
v1.1.0 – 2015-05-22
- Support from two until eight tab panes
- New feature: marker
- Update Bootstrap to v3.3.4
- Update wheelnav to v1.5.4
v1.0.0 – 2015-03-14
- Initial release