WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Sliders

Rockstar Slider - jQuery touch slider/gallery

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


Rockstar Slider - jQuery Touch Slider/Gallery - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Rockstar Toque Slider é um roteiro para a criação de um controle deslizante simples e minimalista ou uma apresentação de slides. Aqui está como ele é diferente de outros sliders ao redor aqui:

Leve

O roteiro é de apenas 5 KB de tamanho e não há nenhum arquivo CSS!

Fluido / Responsive

O controle deslizante tem a capacidade de simplesmente tomar a largura ea altura de seu elemento pai. O que significa que, se seu lado é fluido e responsivo, o controle deslizante será tão bem. Também pode defenir manualmente o principal do controle deslizante para ser uma largura fixa e altura, ou o que você precisa. Ele é construído para ser flexível!

Super fácil de usar

<div class="slideshow"> <div /> <div /> <div /> </div>

Isso é tudo que você precisa para fazer o trabalho de slideshow! Nenhum código javascript é necessário e nenhum arquivo CSS externo. Tudo que você precisa fazer é colocar o código HTML com a classe "rockstar-slider" e incluir o script. Ele fará o resto. Rockstar Toque Slider foi projetado desde o início para ser fácil de usar.

Natural Animações e Movimento

O script é embalado com recursos como detecção de pequenas e inércia velocidade, a fim de torná-lo mover-se tão naturalmente quanto possível. Ela brilha em dispositivos touchscreen, e parece tão legal quando você usa um mouse.

Imagens: Preencha ou Fit?

Um problema comum com muitos controles deslizantes é que você precisa para ter imagens com exatamente o mesmo tamanho que o slider. Não, isso não é o caso aqui. Não importa qual a proporção ou o tamanho das imagens são, eles vão sempre encher o slide. Você acabou de adicionar uma classe para a imagem como esta:

<img src="image.png" class="fill" />

Alternativamente, você pode usar a classe "fit" se você quiser a imagem para caber dentro do slide, sem perder um pixel.

Alterar o Registro

1.0.3 - 21 de setembro de 2015

  • Corrigido um bug onde eventos de toque não iria funcionar em determinados navegadores móveis.

Download
Outros componentes nesta categoriaTodos os componentes deste autor
ComentáriosPerguntas mais frequentes perguntas e respostas

Propriedades

Criado:
18 setembro 12

Última atualização:
23 de 15 de setembro

Navegadores compatíveis:
IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Borda

Arquivos incluídos:
JS JavaScript, HTML, CSS

Versão do software:
jQuery

Palavras-chave

eCommerce, eCommerce, Todos os itens, fluido, galeria, imagem, imagens, minimalista, foto, fotos, responsivo, simples, controle deslizante, slideshow, tocar, tela sensí, vel ao toque