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

jQuery Responsive OneByOne Slider Plugin

— Add-On para WorldWideScripts.net

@pt1wwsAssine o nosso feed para se manter atualizado!

Novo! Siga-nos o que você quiser!


jQuery Responsive OneByOne Slider Plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

O onebyone Slider é um plugin leve, ágil e em camadas jQuery você pode usar para exibir sua imagem e texto, um por um. A animação CSS3 é accionado por Animate.css. Itâ € ™ s móvel amigável, que suportam limpe esquerda / direita em seu dispositivo de toque como o iPhone e iPad. Você pode arrastar e soltar para navegar com o mouse também. A mais recente atualização adiciona um exemplo extra, que tornam Twitter Bootstrap Carousel apoiar o um por um de animação.

Segue rss

Agora itâ € ™ s disponível em WordPress (clique abaixo)

wordpress plugin

Logs de mudanças (por favor volte a transferi-lo se você comprá-lo antes)

(atualização 15 de maio de 2013)
  • Atualize para o jQuery 1.9.1, e utilizar Modernizr para detectar o apoio transição CSS3. Você pode baixar novamente o pacote fonte, se quiser usá-lo com jQuery 1.9.1.
(atualização 14 de novembro de 2012)
  • Integrar-se com Bootstrap carrossel. Você pode usá-lo em seu quadro favorito agora.
  • Adicionar opção autoHideButton, definida como falsa para fazer as setas estar sempre visível.
  • Atualizar a documentação de ajuda.
(atualização 14 de setembro de 2012)
  • Adicionar exemplo responsivo.
  • Adicionar transição fade in IE9-, que doesnâ € ™ t apoiar a transição CSS3.
  • Agora você pode personalizar cada slideâ animação € ™ s, mesmo cada elemento em animação a € ™ s slideâ.
  • Adicionar pairo para pausar opção de apresentação de slides.
  • Adicionado â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~flipInYâ € ™, animação € ™ â ~lightSpeedInâ €.
  • Corrigir bugs: ligação cana € ™ t ser clicado no iOS.
  • Atualize para jQuery 1.8.1.

Comprar a licença estendida?

Eu aprecio se você pode colocar este link € ™ s em sua descrição ™ s € ITEMA ITEMA. Por favor, forneça apenas a versão minified de arquivo js do tema, e uma licença estendida pode estar usando em um tema somente.

Características:

  • CSS3 animação dirigido, hardware acelerado transições CSS3 para navegadores modernos suportado.
  • Suporte ágil, exemplo incluídos.
  • Móvel amigável, você pode usá-lo em um dispositivo de toque.
  • Itâ € ™ s leve, o javascript comprimido só é 4KB.
  • Opcional slideshow atraso auto, hove opcional para fazer uma pausa na apresentação de slides.
  • Cada slide ou animação ELEMENTA ™ s € pode ser personalizado.
  • Função arrastar opcional do mouse.
  • Estilo de animação opcional, pode ser aleatório ou em qualquer outro tipo.
  • Seta e botões opcional.
  • FAQ está incluído no pacote fonte.
  • Atualização gratuita, você pode baixar a atualização futura de graça.

Sobre a transição CSS3

Nota: A transição CSS3 só funciona no navegador moderno como o Firefox, Chrome e Safar. Que doesnâ € ™ t trabalho no IE7, 8 e 9, parece que o IE 10 vai apoiá-lo.

Para jQuery 1.8.0 usuário

Parece que há um erro com jQuery 1.8.0, faça o download da versão descompactada do jQuery e comentário linha 4521, então este plugin irá funcionar bem.
 // Lançar novo erro ("Erro de sintaxe, a expressão não reconhecido:" + msg); 

Configurações plugin disponível

 // O nome do invólucro className: 'onebyone', // Nome da classe do div invólucro de cada controle deslizante sliderClassName: 'oneByOne_item', // Pausar o slideshow atraso auto quando pairar usuário pauseByHover: true, // O estilo de animação facilidade global, // Efeito se você não pré-definido que no elemento easeType: 'fadeInLeft', // Largura do controle deslizante width: 960, // Altura do controle deslizante height: 420, // O atraso do toque / tween arrastar delay: 300, // A tolerância do touch / arrasto tolerância: 0,25, // Ativar ou desativar a função de arrastar com o mouse enableDrag: true, // Exibe o / próxima seta anterior ou não showArrow: true, // Auto ocultar as setas quando o usuário deixar o controle deslizante ou não autoHideButton: true, // Exibe as teclas do círculo ou não showButton: true, // Auto jogar o controle deslizante ou não Slides: false, // O milissegundo atraso do slidershow slideShowDelay: 3000, // Configura sensível a verdade, quando você vai mudar o // Tamanho do controle deslizante com a consulta de mídia em CSS responsivo: true // Quando cursor é menor do que minWidth, // O texto está ser escondido no responsivo minWidth: 480 

Disponível easeType

â € ~fadeInâ € ™, â € ~fadeInUpâ € ™, â € ~fadeInDownâ € ™, â € ~fadeInLeftâ € ™, â € ~fadeInRightâ € ™, â € ~fadeInRightâ € ™, â € ~bounceInâ € ™, â € ~bounceInDownâ € ™, â € ~bounceInUpâ € ™, â € ~bounceInLeftâ € ™, â € ~bounceInRightâ € ™, â € ~rotateInâ € ™, â € ~rotateInDownLeftâ € ™, â € ~rotateInDownRightâ € ™, â € ~rotateInUpLeftâ € ™, â € ~rotateInUpRightâ € ™, â € ~fadeInLeftBigâ € ™, â € ~fadeInRightBigâ € ™, â € ~fadeInUpBigâ € ™, â € ~fadeInDownBigâ € ™, â € ~flipInXâ € ™, â € ~ flipInYâ € ™, â € ~lightSpeedInâ € ™ ou â € ~randomâ € ™

Crédito

Animate.css é de Dan Eden.
A imagem de fundo no exemplo de inicialização é de photos8.

Recomendações para Você

XML Imagem / Vídeo Grade Galeria:
Galeria de grade
O modelo Flash AS3 Fotography:
fotografia

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

Propriedades

Criado:
24 out 11

Última atualização:
17 de 13 de agosto

Navegadores compatíveis:
IE7, IE8, IE9, Firefox, Safari, Opera, Chrome

Arquivos incluídos:
JS JavaScript, HTML, CSS

Versão do software:
jQuery

Palavras-chave

eCommerce, eCommerce, Todos os itens, animaç, ã, o, atraso auto, Banner Rotator, css3, arrastar, ios, jquery, mó, vel, um por um, responsivo, rotor, controle deslizante, slideshow, tocar, limpar