Nota: este post tem links de afiliados. Ao clicar e fazer compras ganhamos comissões. Obrigado!
![](https://previews.customer.envatousercontent.com/files/235464970/productslider_big.png)
Um plugin jQuery que cria um controle deslizante de produto animado, por exemplo, um e-commerce, talvez você possa usá-lo como um controle deslizante de agente . Você precisará de imagens transparentes. Há uma animação padrão para todas as imagens e cor de fundo, mas você pode definir uma individual para cada slide.
Você pode adicionar sua animação CSS personalizada
Instalação
- Carregar arquivos para seu servidor
- Inclua jquery.js e imageloaded.js no seu modelo, caso ainda não os tenha (localizados em /assets/ ou no serviço CDN)
- Inclua product-slider.css e product-slider.js em seu modelo
- criar marcação HTML
- chamar o plugin
Arquivos incluídos
Arquivo css e js do plugin
plugin imageloaded.js e jquery.js em /assets/
Arquivo HTML para documentação e exemplo, SEM imagens
Arquivos NÃO incluídos
Font Awesome (usando na demonstração para navegação por seta)
Imagens
Artigos Relacionados