Lsaquolsaquo cycle home jQuery Cycle Plugin - Beginners Demos 1 - Defina 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 os seguintes efeitos nomeados: 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 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 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 úteis são a pausa e o aleatório. A opção de pausa faz com que a apresentação de slides se pause quando o mouse aparece sobre o slide. A opção aleatória faz com que os slides sejam exibidos 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 secundário do recipiente se torna um slide. Tenho uma página com dois slideshows usando o plugin jQuery MaxImage 2.0 (que, por sua vez, usa jQuery Cycle). O MaxImage permite que você passe as opções para o plugin do ciclo. O problema que eu tenho é que somente o último conjunto de opções de ciclo produz efeito. Isso também parece ser o caso com algumas outras opções MaxImage, incluindo fillElement. Heres my jQuery: e tudo em um jsfiddle - jsfiddle. netseanhawkridgeFNgXe1 - se você excluir a segunda função, você verá o que quero dizer. Pergunte Mar 15 13 às 10: 07lsaquolsaquo cycle home jQuery Cycle Plugin - Demonstrações Intermediárias (Parte 2) Clique em Transitions - prev and next Em vez de ter ocorrido transições em um timer, você pode optar por ter ocorrências de transição em resposta a um evento de clique. As opções anterior e seguinte são usadas para identificar os elementos que devem ser os desencadeantes das transições anteriores. Quando usado em conjunto com o tempo limite 0, o efeito é uma apresentação de slides manual. Os valores para anterior e seguinte podem ser um elemento DOM ou qualquer string de seleção jQuery válida. (Clique na imagem para o próximo slide) Mais Clique em Transições - tempo limite e pager Você pode combinar uma apresentação de slides automática (timeout-based) com controles manuais usando um valor de tempo limite não-zero. A próxima apresentação de slides (abaixo, esquerda) é configurada para executar transições automáticas a cada 3 segundos, pause-on-hover e executar um avanço manual quando a imagem é clicada. A opção do pager é usada para criar controles de navegação completos. Esta opção instrui o plugin para criar elementos de navegação, um para cada slide e os adiciona ao contêiner identificado pelo valor da opção do pager. Avanço manual e automático (deslize para pausar, clique para avançar) Ao usar a opção do pager, os elementos de navegação gerados são simplesmente âncoras. Então, se você definir a opção do pager assim: pager: nav você pode modelar as âncoras como esta: nav a Além disso, o elemento de navegação para o slide ativo é fornecido a classe activeSlide para que possa ser denominado de forma exclusiva. O pager no exemplo acima é denominado como este: Parando uma apresentação de slides Se você precisa parar uma apresentação de slides em execução, você pode passar a parada da cadeia para o método do ciclo. Pausando manualmente uma apresentação de slides Se você precisar pauseresume uma apresentação de slides em execução, você pode passar a pausa da cadeia ou continuar com o método do ciclo. Antes e depois, as devoluções de chamada são suportadas para cada transição de slide. No contexto do seu método de retorno de chamada, este é o elemento que está em transição. A opção anterior especifica o nome da função de retorno de chamada a ser invocado imediatamente antes de uma transição de slide. A opção posterior especifica o nome do método de retorno de chamada a ser invocado no final de uma transição de slide. Os métodos de retorno de chamada antes e depois são passados três argumentos: o elemento DOM para o slide que está sendo transitado (o mesmo que isso) o elemento DOM para o slide que está sendo transferido para o objeto de opções Conteúdo não-imagem
No comments:
Post a Comment