Plug-in OneByOne Slider responsivo da jQuery

11.00 $

Buy Now


LIVE PREVIEWBUY FOR $11

O OneByOne Slider é leve, responsivo E em camadas O plugin jQuery que você pode usar para exibir sua imagem e texto por . O Animação CSS3 é dirigido por Animate.css. Isso é compatível com dispositivos móveis, que suporta a limpeza esquerda / direita em seu dispositivo de toque, como apple iphone e iPad. Você também pode arrastar e soltar para navegar com o computer mouse. A última atualização adiciona exemplo added, o que torna Carrossel de bootstrap do Twitter apoie a animação por .

Seguerss

Agora está disponível em WordPress (inner circle na imagem abaixo)

plugin wordpress

Log de alterações (baixe novamente se você o adquiriu stakes)

(atualização em 15 de maio de 2013)

  • Atualize para o jQuery 1.9.1, E usage Modernizr para detectar o suporte de transição CSS3. Você pode baixar novamente o pacote de origem se quiser usá-lo com o jQuery 1.9.1.

(atualização 14 de novembro de 2012)

  • Integrar com Carrossel de bootstrap. Você pode usá-lo em sua estrutura favorita agora.
  • Adicione a opção autoHideButton, defina como incorrect para tornar as setas sempre visíveis.
  • Atualize a documentação de ajuda.

(atualização de 14 de setembro de 2012)

  • Adicionar responsivo exemplo.
  • Adicione transição discolor no IE9-, que não suporta a transição CSS3.
  • Agora você pode personalizar a animação de cada slide, mesmo cada elemento na animação do slide.
  • Adicionar out of style o computer mouse para fazer uma pausa opção de apresentação de slides.
  • Adicionada animação ‘fadeInLeftBig’, ‘fadeInRightBig’, ‘fadeInUpBig’, ‘fadeInDownBig’, ‘flipInX’, ‘flipInY’, ‘lightSpeedIn’.
  • Corrigir insects: web link não pode ser clicado no iphone.
  • Atualize para o jQuery 1.8.1.

Adquirir a licença estendida?

Agradeço se você puder colocar o web link deste thing na descrição do seu thing. Forneça apenas a versão reduzida do arquivo js em seu tema, e uma licença estendida pode ser usada em apenas tema.

Características:

  • Animação baseada em CSS3, equipment acelerado Transições CSS3 para navegadores modernos com suporte.
  • Suporte responsivo, exemplo incluído.
  • Compatível com dispositivos móveis, você pode usá-lo em dispositivo de toque.
  • É leve, o javascript compactado tem apenas 4kb.
  • Apresentação de slides com retardo automático opcional, hove opcional para pausar a apresentação de slides.
  • Cada slide ou animação de elemento pode ser personalizado.
  • Função de arrastar opcional do computer mouse.
  • Estilo de animação opcional, pode ser aleatório ou de qualquer outro tipo.
  • Seta e botões opcionais.
  • Frequently Asked Question está incluído no pacote de origem.
  • Atualização gratuita, você pode baixar a atualização futura gratuitamente.

Sobre a transição CSS3

Nota: A transição CSS3 só funciona em navegadores modernos como Firefox, Safar e Chrome. Que não funciona no IE7, 8 e 9, parece que o IE 10 irá suportá-lo.

Para usuário jQuery 1.8.0

Parece que há insect com o jQuery 1.8.0, baixe a versão não compactada do jQuery e a linha de comentário 4521, então este plugin funcionará bem.

// toss brand-new Error( "Syntax error, unrecognized expression: " + msg );

Configurações de plug-in disponíveis

// the wrapper's name        
className: 'oneByOne', 
// the wrapper div's course name of each slider        
sliderClassName: 'oneByOne_item',  
// stop briefly the car hold-up slide show when customer float                    
pauseByHover: real, 
// the international simplicity computer animation design, 
// work if you do not pre-defined it in the component
easeType: 'fadeInLeft', 
// size of the slider        
size: 960,  
// elevation of the slider        
elevation: 420, 
// the hold-up of the touch/drag tween        
hold-up: 300,  
// the resistance of the touch/drag          
resistance: 0.25, 
// allow or disable the drag feature by computer mouse        
enableDrag: real, 
// show the previous/next arrowhead or otherwise         
showArrow: real,  
// car conceal the arrowheads when customer leave the slider or otherwise
autoHideButton: real,
// show the circle switches or otherwise        
showButton: real,  
// car play the slider or otherwise        
slide show: incorrect,  
// the hold-up nanosecond of the slidershow        
slideShowDelay: 3000, 
// established receptive to real, when you'll transform the 
// slider's dimension with the media inquiry in CSS        
receptive: real
// when slider is smaller sized than minWidth, 
// the message are be concealed in the receptive            
minWidth: 480

EasyType disponível

‘fadeIn’, ‘fadeInUp’, ‘fadeInDown’, ‘fadeInLeft’, ‘fadeInRight’, ‘fadeInRight’, ‘bounceIn’, ‘bounceInDown’, ‘bounceInUp’, ‘bounceInLeft’, ‘bounceInRight’, ‘rotateIn’, ‘rotateIn’ ‘,’ rotateInDownRight ‘,’ rotateInUpLeft ‘,’ rotateInUpRight ‘,’ fadeInLeftBig ‘,’ fadeInRightBig ‘,’ fadeInUpBig ‘,’ fadeInDownBig ‘,’ flipInX ‘,’ flipInY ‘,’ lightSpeedIn ‘ou’ arbitrary ‘

Crédito

Animate.css é de Dan Eden.
A imagem de fundo no exemplo de bootstrap é de photos8.

Recomendações para você

Imagem XML / Galeria de quality de vídeo:
galeria de grade

O modelo de fotografia Flash AS3:
fotografia

>> Click right here to obtain Plug-in OneByOne Slider responsivo da jQuery
 

LIVE PREVIEWBUY FOR $11

group: javascript/sliders
rate : $ 11
hashtags : #Plugin #OneByOne #Slider #responsivo #jQuery

Be the first to review “Plug-in OneByOne Slider responsivo da jQuery”

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Reviews

There are no reviews yet.

Main Menu

Plug-in OneByOne Slider responsivo da jQuery

11.00 $

Add to Cart