TouchCarousel é um scroller de conteúdo jQuery leve e compatível com dispositivos móveis, com navegação por toque para dispositivos móveis e desktop. Pode ser usado como carrossel, rotador de banner e galeria de imagens.
É usado pelas principais agências de web design, empresas de boletins informativos por e-mail e escolas simples.
Características:
- Navegação por toque para dispositivos suportados.
- Modo de paginação e rolagem livre.
- Rolagem baseada em física.
- Largura fluida do carrossel para modo de rolagem livre.
- Transições CSS3 rápidas e aceleradas por hardware.
- Quatro skins exclusivas com arquivos do Photoshop.
- São permitidos vários carrosséis com skins diferentes em uma página.
- Amigável para SEO, o conteúdo não fica oculto.
- Itens configuráveis por rolagem e ajuste.
- API poderosa e documentada – métodos públicos, propriedades, retornos de chamada.
- UI personalizável – habilite ou desabilite setas, marcadores e barra de rolagem.
- Super fácil de estilizar – o arquivo CSS é comentado e organizado.
- A navegação arrastada pelo mouse pode ser removida se você não precisar dela.
- Cada item pode ter qualquer conteúdo HTML (exceto vídeo) e pode ter qualquer tamanho.
- Reprodução automática inteligente(apresentação de slides) — pausa quando você passa o mouse e para quando alguma ação com carrossel é realizada (opcional).
- Documentação simples.
- Suporte e atualizações.
- Navegação de teclado opcional e muito mais…
Observe que o TouchCarousel responde apenas no modo de rolagem livre de largura total (para largura).. Se você está procurando um controle deslizante responsivo – use meu plugin RoyalSlider, você pode colocar vários itens em um slide, para que pareça um carrossel.
TouchCarousel é testado em Mac, PC, iPad 2, iPhone 4, HTC Desire e Blackberry PlayBook. Se você descobriu que algo funciona incorretamente no seu dispositivo, entre em contato comigo através da minha página de perfil.
Recursos avançados (principalmente para desenvolvedores):
- Não bloqueia a rolagem padrão do navegador em dispositivos sensíveis ao toque. Arrastar apenas em uma direção é permitido.
- Compreende a diferença entre clicar e arrastar. Use links nele com calma.
- A navegação por toque pode ser removida dos elementos adicionando uma classe específica a eles. Use-o quando precisar do comportamento padrão do navegador em dispositivos de toque (seleção de texto, campos de entrada).
Meu plugin em destaque
Para suporte, entre em contato comigo através do formulário de contato na minha página de perfil. Por favor, não poste links e códigos nos comentários, use o formulário de contato para isso.
Fotos em visualização por cuellar, não incluídas no pacote de download.
Registro de alterações
Versão 1.2
- Compatibilidade com jQuery 1.9.0 e correção de bug do temporizador iOS6.
Versão 1.1
- Corrigido novo bug de Date() em ie 7-8.
Para ser notificado sobre atualizações de meu plugin e novos lançamentos, siga-me no Twitter ou inscreva-se no meu boletim informativo por e-mail (cancele a inscrição a qualquer momento, mailchimp).
Artigos Relacionados