QuickFlip 2 para jQuery

Categoria: Uncategorized

QuickFlip 2 para jQuery é um plugin que “vira” qualquer elemento html parecendo uma carta. O plugin suporta qualquer tag e estilo (não testei com animações e outros “objects”), e utiliza um atalho de animação que é notável quando acionado rapidamente.

Seu uso básico é bem simples, $('.seletor').quickFlip(); Onde seletor é o elemento pai dos painéis que terão o efeito.

Você pode passar três parâmetros o primeiro para opções, o segundo indica qual é o próximo elemento a ser mostrado e o terceiro determina quantas vezes o efeito irá se repetir. O objeto de opções pode ser informado:

  • closeSpeed – Número em milisegundo que leva para virar e mostrar o painel frontal.
  • openSpeed – Número em milisegundos que leva para virar e mostrar o painel traseiro.
  • easing – Se você estiver usando o plugin jQuery easing plugin passe a string com o método que você quer usar. Há também dois métodos easing contruidos dentro do jQuery, linear e swing. Por padrão o easing está configurado como swing.
  • ctaSelector – QuickFlip anexa um evento de clique para o seletor jQuery que dispara o efeito. Altere para '', 0 ou null para finalizar o processo e acelerar as coisas (um pouco).
  • refresh – booleano que provê uma opção para atualizar a animação a cada vez que o efeito é chamado. Isto é útil se o conteúdo dentro do flip muda visualmente, contudo é desligado por padrão por questão de desempenho.
  • panelWidth e panelHeight – número ou string com o css para definir largura e altura dos paineis internos
    • Exemplo
      Documentação Traduzida
      Exemplo e Documentação Zippado

      zp8497586rq
      
      Sobre o Autor
      Junior Moro em Campo Grande, Mato Grosso do Sul e sou programador na dothCom.
      Posts Relacionados
      Comentários