Fx Fade 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 pause 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 de que cada elemento filho do contêiner se torna um slideArguments: element - (mixed) Um Element ou o id de string de um Element para aplicar a transição. O objeto de opções Fx, mais as opções descritas abaixo: property - (string) A propriedade CSS para transição para, por exemplo, 39width39, 39color39, 39font-size39, 39border39, etc. Se essa opção for omitida, Você é obrigado a usar a propriedade como um primeiro argumento para os métodos start e set. Padrão para null. Qualquer propriedade CSS que pode ser definida com Element: setStyle pode ser feita a transição com Fx. Tween. Se uma propriedade não é matematicamente calculável, como border-style ou background-image, ela será definida imediatamente após o início da transição. Se você usar a opção property, você não deve usar o argumento property nos métodos start e set. Tweens a altura de um elemento ao clicar em um link (que pára o comportamento padrão), usando uma transição e uma longa duração. Ele usa a opção de link para que quando clicar no link duas vezes ele se comporta sem problemas. Quando o valor inicial é omitido, o valor atual da propriedade (neste exemplo, a propriedade height) será usado. Também é possível usar as propriedades Element. Get (39tween39) e. set (39tween39) eo método tween. Neste exemplo, o método property não está definido como uma opção, agora ele deve ser definido como argumento do método tween. Isso é algo que você pode escolher para o construtor Fx. Tween ou essa abordagem. Define a propriedade CSS do Elemento para o valor especificado imediatamente. Argumentos: property - (string) A propriedade css para definir o valor para. Omita isso se você usar a opção de propriedade. Value - (mixed) O valor para definir a propriedade CSS dessa instância para. Se você usar a opção property, você não deve usar o argumento property nos métodos start e set. (Object) A instância Fx. Tween interna do Element39s. Ao inicializar a instância tween Element39s com Element: set, a propriedade para tween NÃO DEVE ser passada. A propriedade deve ser especificada ao usar Element: get para recuperar a instância Fx. Tween real e em chamadas para Element: tween. Quando as opções são passadas para o setter, a instância será redefinida. Como acontece com os outros atalhos Element, a diferença entre um setter e um getter é que o getter retorna a instância, enquanto o setter retorna o elemento (para encadeamento e inicialização). Tipo Personalizado para permitir que todos os seus métodos sejam usados ​​com qualquer elemento DOM através da função dólar. Método de atalho de elemento que transita imediatamente qualquer propriedade CSS única de um elemento de um valor para outro. Argumentos: property - (string) a propriedade css que você deseja animar. Omita isso se você tiver definido anteriormente a opção de propriedade. StartValue - (mixed) O valor inicial para a transição. EndValue - (mixed) O valor final para a transição. Se isso for omitido, startValue será usado como endValue. Argumentos: how - (mixado opcional: padrão 39 toggle39) O nível de opacidade como um número ou representação de seqüência de caracteres. Os valores possíveis incluem: 39in39 - Fade o elemento para 100 opacidade. 39out39 - Fundir o elemento em 0 opacidade. 39show39 - Imediatamente defina a opacidade do elemento para 100. 39hide39 - Coloque imediatamente a opacidade do elemento em 0. 39toggle39 - Se visível, desvaneça o elemento para fora, caso contrário, desvaneça-o. (Número) - Um valor de flutuação entre 0 e 1. Desaparecerá O elemento para esta opacidade. Método de atalho de elemento para interpolação da cor de plano de fundo. Imediatamente transições de uma cor de fundo Element39s para uma cor de destaque especificado, em seguida, de volta à sua cor de fundo definida. Argumentos: start - (string. Optional: padrão 39ff839) A cor de onde iniciar a transição. End - (string. Optional: padrão para Element39s set background-color) A cor de plano de fundo para retornar após o efeito de destaque. Se nenhuma cor de fundo estiver definida no Elemento, ou se sua cor de fundo estiver definida como 39transparent39, o valor final padrão será branco. Argumentos: options - (objeto. Opcional) Um objeto com opções para o efeito. Ver abaixo. Fps - (número padrão é 50) Os quadros por segundo para a transição. Frames - (number) O número de quadros na animação, o padrão é a duração e fps cálculos. FrameSkip - (boolean. Defaults para true) Se define como true, ele avalia o quadro atual com base na hora atual. Unidade - (string. Defaults to false) A unidade, p. 39px39, 39em39 ou 3939. Consulte Elemento: setStyle. Link - (string. Default para ignorar) Pode ser 39ignore39, 39cancel39 e 39chain39. 39ignore39 - Todas as chamadas feitas para iniciar enquanto o efeito está sendo executado serão ignoradas. (Sinônimo de 39wait39: true de 1.x) 39cancel39 - Qualquer chamada feita para iniciar enquanto o efeito está em execução terá precedência sobre a transição em execução. A nova transição será iniciada imediatamente, cancelando a que está sendo executada no momento. (Sinônimo de 39wait39: false de 1.x) 39chain39 - Qualquer chamada feita para iniciar enquanto o efeito está sendo executado será encadeada, e ocorrerá assim que o efeito atual for concluído, um após o outro. Tenha cuidado ao usar quotchainquot em combinação com Fx39s propriedades thenable. Duração - (número padrão é 500) A duração do efeito em ms. Também pode ser um dos seguintes: 39short39 - 250ms 39normal39 - 500ms 39long39 - transição 1000ms - (função padrão para 39sine: in: out39 A equação a ser usada para o efeito veja Fx. Transitions. Também aceita uma string da seguinte forma: transition: In: out - por exemplo, 39, 39, 39, 39, 39, 39: 39, 39bounce: out39, 39 elástico: out39, 39sine: in: out39 Fx implementa o Class. Thenable para fazer uma instância do Fx quotthenablequot, ie myFx. start (). (Function) Função a ser executada quando o efeito começa. Cancel - (function) Função a ser executada quando você interrompe o efeito manualmente. Função a ser executada após o efeito ter sido processado chainComplete - (função) A função a ser executada ao usar o link 39chain39 (ver opções). Ela é chamada depois que todos os efeitos na cadeia foram concluídos Você não pode mudar a transição se você não incluir Fx. Transitions. js, (a menos que você planeje desenvolver sua própria curva). ) A Classe Fx é apenas um esqueleto para outras Classes para estender a funcionalidade básica. O método start é usado para iniciar uma transição. Aciona o evento 39start39. Argumentos: from - (mixed) O valor inicial para o efeito. Se apenas um argumento for fornecido, esse valor será usado como o valor de destino. To - (mixed. Optional) O valor de destino para o efeito. Veja exemplos na documentação para cada subclasse Fx. Se apenas um parâmetro for fornecido, o primeiro argumento para iniciar será usado como o valor de destino eo valor inicial será calculado a partir do estado atual do elemento. O formato eo tipo desse valor dependerão da implementação e poderão variar muito caso a caso. Verifique cada implementação para obter mais detalhes. O método set é disparado em cada etapa de uma transição. Também pode ser chamado manualmente para definir um valor específico a ser aplicado imediatamente ao efeito. Argumentos: value - (mixed) O valor a aplicar imediatamente à transição.