Efeito de rotação de itens, rolagem sensível à velocidade do deslize e skins perfeitas para pixels!
SmartWave é um plug-in de carrossel de conteúdo inteligente com muitos recursos excelentes! Juntamente com transições CSS3 suaves, controles prontos para retina e suporte para uma ampla variedade de navegadores, o SmartWave pode girar itens em perspectiva durante a rolagem, acelerar quando você desliza o dedo mais rápido, redimensionar escolhendo o melhor tamanho de itens e número de itens visíveis e, finalmente, realizar “carregamento lento” de imagens, o que reduz drasticamente o tempo de carregamento em dispositivos móveis!
Além disso, o SmartWave pode reconhecer a interação do usuário com itens individuais do carrossel na área de trabalho e na tela sensível ao toque e fornecer classes auxiliares uniformes e retornos de chamada para acionar animações ou executar algum código independentemente do dispositivo que está sendo usado
CARACTERÍSTICAS
- Totalmente responsivo e otimizado para dispositivos móveis
- pronto para retina
- CSS3 a bordo com fallback jQuery
- Efeito de rotação interessante
- Efeito de ângulo de rotação configurável
- Número ajustável de itens visíveis e seu tamanho
- Deslize a rolagem com reconhecimento de velocidade
- Modo de rolagem “Snap” (um por um ou todos visíveis)
- Carregamento lento de imagens para acelerar seu site!
- Itens de carrossel ilimitados com qualquer conteúdo
- Altura fixa ou dinâmica para itens de carrossel
- Suporte para controles de deslizar, arrastar, roda do mouse e teclado
- Detecção uniforme da interação do usuário com itens do carrossel
- Modo de reprodução automática com indicador de progresso circular
- API, callbacks e classes auxiliares
- Documentação detalhada
- código compatível com jsHint
- Marcação HTML5 válida
Experimente o plug-in no seu celular!
LOG DE ALTERAÇÕES
# version 1.0 (Apr 18, 2015)
- plugin released!
# version 1.1 (Apr 28, 2015)
- major code optimization and speed improvements. Slow jQuery methods have been replaced with native JavaScript code that executes a lot faster!
- it's now possible to stop carousel during scroll by mouse click or touch
- improved touchswipe experience by tuning related parameters. Now swipe feels more natural!
- added new helper classes "sw-no-css3" and "sw-auto-height"
- added new option "swipeInertia" to control carousel inertia during swipe
- fixed problem with jerking on carousel's edges while dragging
# version 1.2 (Apr 30, 2015)
- fixed small problem with scrolling back to 1st item using controls
# version 1.3 (May 19, 2015)
- added scrollbar control, which can be enabled with "scrollbar" option
- progress indicator works now more softly
- redesigned demo page! It now includes examples for "Fullwidth Slider", "Youtube Video Carousel", "Slider with Thumbnails" and "News Scroller" which all use SmartWave plugin and some extra code & styling
CRÉDITOS E FONTES
A foto no cabeçalho da página de visualização é de 55Laney69 no Flickr
