Cycle js fx options
Lsaquolsaquo cycle home JQuery Cycle Plugin - Demonstrações para principiantes 1 - Definir sua marcação e estilos Todos os exemplos nesta página usam a seguinte marcação e CSS: 2 - Escolha um efeito Você pode escolher entre um dos seguintes efeitos nomeados: blindX blindY blindZ cover CurtainX curtainY fade fadeZoom growX growY scrollUp scrollDown scrollLeft scrollRight scrollHorz scrollVert shuffle slideX slideY lance turnUp turnDown turnLeft turnRight descobrir wipe zoom Você especifica o nome do efeito, passando uma string para o método de ciclo ou usando um objeto de opções e definindo a propriedade fx para o Nome do efeito desejado.3 - Escolha Valores de Velocidade e Tempo Limite Em seguida, você pode querer escolher valores de velocidade e tempo limite para controlar quão rápido e quantas vezes as transições de slides ocorrem. A opção de velocidade define o número de milissegundos que será necessário para a transição de um slide para o próximo. A opção timeout especifica quantos milissegundos passarão entre o início de cada transição. 4 - Escolha outras opções Existem muitas outras opções para escolher. Dois que você pode achar útil são pausa e aleatório. A opção de pausa faz com que a apresentação de slides pausar quando o mouse paira sobre o slide. A opção aleatória faz com que os slides sejam mostrados em ordem aleatória, em vez de sequencial. Coisas para manter em mente - Regras CSS Ao construir seus slideshows, lembre-se que os efeitos de animação funcionam melhor quando o contêiner eo slide têm uma caixa fixa. - Lembre-se que cada elemento filho do recipiente torna-se um slidelsaquolsaquo home jQuery Cycle Plugin Confira Cycle2. O mais recente da linha Ciclo de slideshows. O jQuery Cycle Plugin é um plugin de slides que suporta muitos tipos diferentes de efeitos de transição. Ele suporta pause-on-hover, auto-stop, auto-ajuste, antes / depois de callbacks, disparadores de clique e muito mais. Ele também suporta, mas não requer, o Plugin de Facilidade. Como Funciona O plugin fornece um método chamado cycle que é invocado em um elemento container. Cada elemento filho do recipiente torna-se um slide. As opções controlam como e quando os slides são transferidos. ScrollRight (clique) As imagens são usadas nestas demos porque elas parecem legais, mas as apresentações de slides não se limitam a imagens. Você pode usar qualquer elemento que você deseja. Visualizar Efeitos Use a página Navegador de Efeitos para visualizar os efeitos disponíveis. Veja Mais Demonstrações e Exemplos O Plugin de Ciclo oferece muitas opções para personalizar sua apresentação de slides. Os valores de opção padrão podem ser substituídos passando um objeto de opção para o método de ciclo, usando metadados no elemento de contêiner ou redefinindo os valores em seu próprio código. Para obter mais informações sobre opções, consulte a página Referência de opções. Agradecimentos Agradecimentos especiais a Torsten Baldes. Matt Oakes, e Ben Sterling para as muitas idéias que me começou a escrever Ciclo em 2007.lsaquolsaquo Plugin Ciclo Completo jQuery Cycle Lite Plugin O jQuery Cycle Lite Plugin é uma versão mais leve do Ciclo Plugin. A versão Lite é otimizada para o tamanho do arquivo e inclui apenas uma transição de fade (embora outros efeitos de transição possam ser criados usando opções). Ele também suporta pause-on-hover, ajuste automático, antes / depois de callbacks, disparadores de clique e tempo limite ajustável e velocidades de transição. Como Funciona O plugin fornece um método chamado cycle que é invocado em um elemento container. Cada elemento filho do recipiente torna-se um slide. As opções controlam como e quando os slides são transferidos. Click triggers custom transition As imagens são usadas nestas demos porque elas parecem legais, mas as apresentações de slides não se limitam a imagens. Você pode usar qualquer elemento que você deseja. O Cycle Lite Plugin fornece algumas opções para personalizar sua apresentação de slides. Os valores de opção padrão podem ser substituídos passando um objeto de opção para o método de ciclo, usando metadados no elemento de contêiner ou redefinindo os valores em seu próprio código.
Comments
Post a Comment