Jquery Cycle Plugin Fx Options

Lsaquolsaquo cycle home jQuery Cycle Plugin - Demonstrações Intermediárias (Parte 1) Retardando o Primeiro Slide A opção de atraso permite que você defina o número de milissegundos para adicionar ao valor de tempo limite para o primeiro slide. Essa configuração é útil quando você exibe vários slideshows na mesma página porque fornece uma maneira de compensar as transições para que elas não estejam competindo pela CPU. Como essas páginas de demonstração contêm inúmeras apresentações de slides, o atraso será usado com freqüência nessas páginas. O Cycle Plugin suporta flexibilidade durante as animações de transição se o Easing Plugin estiver incluído na página. A opção de sincronização controla se as transições de slide ocorrem simultaneamente. O padrão é verdadeiro, o que significa que o slide atual se transpõe para a próxima transição de slide. Ao configurar a opção de sincronização como falso, você pode obter algumas reviravoltas interessantes em suas transições. O efeito shuffle funciona fora da caixa como mostrado abaixo (esquerda). Mas se você precisar de mais controle sobre esse efeito, então você pode definir uma propriedade aleatória no objeto de opções que especifica as coordenadas do shuffle. Essas coordenadas identificam onde o slide deve se reproduzir. O valor padrão é largura do recipiente Coisas para manter em mente - Efeitos que manipulam uma largura ou altura dos elementos (slideXslideYturnLeftturnRightturnUpturnDown) não funcionam com a flexibilidade do backin no IE. Evite esta combinação de opções. saquolsaquo cycle home jQuery Cycle Plugin - Beginners Demos 1 - Defina seu 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 qualquer um dos seguintes nomes Efeitos: blindX blindY blindZ cover curtainX curtainY fade fadeZoom growX growY scrollUp scrollDown scrollLeft scrollRight scrollHorz scrollVert shuffle slideX slideY toss turnUp turnDown turnLeft turnRight revelar wipe zoom Você especifica o nome do efeito passando uma string para o método do ciclo ou usando um objeto de opções e Configurando 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 a velocidade e a frequência com que as transições de slide ocorrem. A opção de velocidade define o número de milissegundos que levará para a transição de um slide para o próximo. A opção de tempo limite especifica quantos milissegundos decorrerã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 a pausa e o aleatório. A opção de pausa faz com que a apresentação de slides seja pausada quando o mouse aparece sobre o slide. A opção aleatória faz com que os slides sejam mostrados em ordem aleatória, em vez de seqüenciais. Coisas para manter em mente - Regras CSS Ao criar suas apresentações de slides, lembre-se de que os efeitos de animação funcionam melhor quando tanto o contêiner como o slide possuem uma caixa fixa. - Lembre-se de que cada elemento filho do recipiente se torna um slidelsaquolsaquo home jQuery Cycle Plugin Check out Cycle2. O mais recente na linha do ciclo de slideshows. O jQuery Cycle Plugin é um plugin de apresentação de slides que suporta muitos tipos diferentes de efeitos de transição. Ele suporta pausar-em-hover, auto-stop, auto-ajuste, antes de reencaminhamentos, clicar disparadores e muito mais. Ele também suporta, mas não requer, o Easing Plugin. Como funciona O plugin fornece um método chamado ciclo que é invocado em um elemento de contêiner. Cada elemento secundário do recipiente torna-se um slide. As opções controlam como e quando os slides são transitados. ScrollRight (clique) As imagens são usadas nestas demonstrações porque elas parecem legais, mas as apresentações de slides não se limitam a imagens. Você pode usar qualquer elemento que desejar. Procurar efeitos Use a página do Navegador de efeitos para visualizar os efeitos disponíveis. Veja mais demonstrações e exemplos O complemento de ciclos fornece muitas opções para personalizar sua apresentação de slides. Os valores das opções padrão podem ser substituídos passando um objeto de opção para o método do ciclo, usando metadados no elemento do contêiner ou redefinindo os valores em seu próprio código. Para obter mais informações sobre as opções, consulte a página de Referência de opções. Agradecimentos Agradecimentos especiais a Torsten Baldes. Matt Oakes e Ben Sterling pelas muitas idéias que me começaram a escrever Ciclo em 2007.