Nota: este post tem links de afiliados. Ao clicar e fazer compras ganhamos comissões. Obrigado!
Wheelizate Tabs é uma solução alternativa para navegação por guias. Ele usa uma roda em vez de botões horizontais ou verticais.
Este é um plugin HTML5/JavaScript/jQuery.
Este é um plugin HTML5/JavaScript/jQuery.
Créditos
Demonstração
- Estrutura HTML: Bootstrap v3.3.5
- Avatares na roda separada: interfaces do usuário
- Imagens na roda central: Unsplash
Plug-ins necessários
- Biblioteca JavaScript: jQuery v1.11.3
- Biblioteca SVG: Raphaël.js v2.1.2 (personalizada)
- Biblioteca de navegação de roda: wheelnav.js v1.7.0
- Ícones SVG gratuitos: dos ícones Raphaël
Registro de alterações
v2.2.1 – 17/03/2021
- Adicione suporte ilimitado a guias
- Adicione suporte ao jQuery 3.x
- Corrigir um problema do WordPress 5.6.2
v2.2.0 – 10/11/2016
- Novo recurso: manuseio do teclado
- Atualize o wheelnav para v1.7.0
v2.1.0 – 26/02/2016
- Novo tipo de guia: Centro
- Novo recurso: segundos do controle deslizante (reprodução automática)
- Corrigir bug de resposta à esquerda e à direita
- Modificar atributos de dados de tipo: data-wtab-tabtype, data-wtab-tabsubtype, data-wtab-tabwheeltype, data-wtab-tabthemetype, data-wtab-tabtitle-tooltip
- Modifique o ID da roda padrão para roda de abas
- Atualize o Bootstrap para v3.3.6 (para demonstração)
v2.0.0 – 07/11/2015
- Adicione atributos de dados HTML5 e API jQuery
- Remover dependência do Bootstrap
- As imagens são suportadas no título da roda
- O link direto está disponível por meio de selectTab
- Os painéis de guias são animados
- O raio e a animação da roda são ajustáveis
- Novo tipo de roda: Roda
- Configurações de estilo do painel de guias: arredondado, sombreado, altura mínima
- Atualize o wheelnav para v1.6.1
- Atualize o jQuery para v1.11.3
v1.1.0 – 22/05/2015
- Suporte de dois a oito painéis de guias
- Novo recurso: marcador
- Atualize o Bootstrap para v3.3.4
- Atualize o wheelnav para v1.5.4
v1.0.0 – 14/03/2015
- Lançamento inicial
Artigos Relacionados