Fx fade options

lsaquolsaquo ciclo início jQuery Cycle Plugin - Demos Iniciante 1 - Defina sua marcação e estilos Todos os exemplos nesta página usam o seguinte código e CSS: 2 - Escolha um efeito Você pode escolher qualquer um dos seguintes efeitos nomeados: blindX blindY blindZ cover curtainX curtainY desvanece fadeZoom growX growY scrollUp scrollDown scrollLeft scrollRight scrollHorz scrollVert shuffle slideX slideY toss turnUp turnDown turnLeft turnIlharar 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 os valores de velocidade e tempo limite Em seguida, você pode optar por valores de velocidade e tempo limite para controlar com que rapidez e com que frequência as transições de slides ocorrem. A opção de velocidade define o número de milissegundos necessários para fazer a transição de um slide para o seguinte. A opção de tempo limite especifica quantos milissegundos irão decorrer 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 pausados ​​e aleatórios. A opção de pausa faz com que a apresentação de slides pause quando o mouse passa sobre o slide. A opção aleatória faz com que os slides sejam mostrados em ordem aleatória, em vez de sequenciais. O que você deve ter em mente - Regras CSS Ao criar suas apresentações de slides, lembre-se de que os efeitos de animação funcionam melhor quando o contêiner e o slide têm uma caixa fixa. - Lembre-se de que todo elemento filho do contêiner se torna um slideArguments: element - (mixed) Um Element ou o ID da string de um Element para aplicar a transição. options - (objeto. opcional) O objeto de opções Fx, mais as opções descritas abaixo: property - (string) A propriedade CSS para a transição, por exemplo 39width39, 39color39, 39font-size39, 39border39, etc. Se esta opção for omitida, você é obrigado a usar a propriedade como um primeiro argumento para os métodos start e set. O padrão é nulo. Qualquer propriedade CSS que possa ser definida com Element: setStyle pode ser transferida com Fx. Tween. Se uma propriedade não for matematicamente calculável, como estilo de borda ou imagem de fundo, ela será definida imediatamente após o início da transição. Se você usar a opção property, não deverá usar o argumento property nos métodos start e set. Tweens a altura de um elemento ao clicar em um link (que interrompe o comportamento padrão), usando uma transição e uma longa duração. Ele usa a opção de link, portanto, ao clicar no link duas vezes, ele se comporta suavemente. Quando o valor inicial é omitido, o valor atual da propriedade (neste exemplo, a propriedade height) será usado. Também é possível usar as propriedades do elemento. get (39tween39) e. set (39tween39) e o método tween. Neste exemplo, o método de propriedade 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 Element39s para o valor especificado imediatamente. Argumentos: property - (string) A propriedade css para definir o valor como. Omitir isso, se você usar a opção de propriedade. valor - (misto) O valor para definir a propriedade CSS desta instância. Se você usar a opção property, não deverá usar o argumento property nos métodos start e set. (objeto) A instância Fx. Tween interna do Element39s. Ao inicializar a ocorrência da interpolação Element com Element: set, a propriedade a ser interpolada NÃO DEVE ser passada. A propriedade deve ser especificada ao usar Element: get para recuperar a instância Fx. Tween real e nas chamadas para Element: tween. Quando as opções são passadas para o setter, a instância será redefinida. Como ocorre com os outros atalhos do Elemento, 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 por meio da função dollar. Método de atalho de elemento que transita imediatamente qualquer propriedade CSS individual de um elemento de um valor para outro. Argumentos: property - (string) a propriedade css que você deseja animar. Omitir isso, se você definiu anteriormente a opção de propriedade. startValue - (mixed) O valor inicial da transição. endValue - (mixed) O valor final da transição. Se isso for omitido, startValue será usado como endValue. Argumentos: how - (mixed. Opcional: padroniza para 39toggle39) O nível de opacidade como um número ou uma representação de string. Os valores possíveis incluem: 39in39 - Diminuir o elemento para 100 opacidade. 39out39 - Diminui o elemento para 0 opacidade. 39show39 - Defina imediatamente a opacidade do elemento para 100. 39hide39 - Defina imediatamente a opacidade do elemento para 0. 39toggle39 - Se visível, desvanece o elemento, caso contrário, esmaeça. (Número) - Um valor float entre 0 e 1. Desaparecerá o elemento para esta opacidade. Método de atalho de elemento para interpolar a cor do plano de fundo. Imediatamente transita uma cor de fundo de Element para uma cor de realce especificada e, em seguida, volta para a cor de fundo definida. Argumentos: start - (string. Opcional: padrão para 39ff839) A cor a partir da qual iniciar a transição. end - (string. opcional: padrão para Element39s set background-color) A cor de fundo para retornar depois do 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 - (number. padrão para 50) Os quadros por segundo para a transição. frames - (number) O número de quadros na animação, padrão para os cálculos de duração e fps. frameSkip - (boolean. defaults true) Se configurado como true, ele avalia o quadro atual com base na hora atual. unit - (string. defaults para false) A unidade, e. 39px39, 39em39 ou 3939. Consulte Elemento: setStyle. link - (string. padrões 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á sendo executado terá precedência sobre a transição atualmente em execução. A nova transição será iniciada imediatamente, cancelando a que está atualmente em execução. (Sinônimo de 39wait39: false de 1.x) 39chain39 - Qualquer chamada feita para iniciar enquanto o efeito estiver sendo executado será encadeada, e ocorrerá assim que o efeito atual terminar, um após o outro. Tenha cuidado ao usar o quotchainquot em combinação com as propriedades do Fx39s. duration - (number. defaults to 500) A duração do efeito em ms. Também pode ser um destes: 39short39 - 250ms 39normal39 - 500ms 39long39 - 1000ms transition - (function. Defaults 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, 39linear39, 39quad: in39, 39back: in39, 39bounce: out39, 39elastic: out39, 39sine: in: out39 Fx implementa Class. Thenable para tornar uma instância Fx quotthenablequot, ou seja, myFx. start (). (function ()). Veja Class. Thenable para mais informações start - (function) A função a ser executada quando o efeito começa cancele - (function) A função a ser executada quando você para manualmente o efeito complete - (function) função a executar após o processamento do efeito chainComplete - (function) A função a ser executada ao usar o link 39chain39 (consulte as opções) É chamada depois que todos os efeitos da cadeia forem concluídos Você não poderá alterar a transição se não tiver incluído Fx. Transitions. js, (a menos que você planeje desenvolver seu próprio curva). ) A classe Fx é apenas um esqueleto para outras Classes estenderem a funcionalidade básica. O método start é usado para iniciar uma transição. Dispara o evento 39start39. Argumentos: from - (mixed) O valor inicial do efeito. Se apenas um argumento for fornecido, esse valor será usado como o valor de destino. para - (misto. opcional) O valor alvo para o efeito. Veja exemplos na documentação de cada subclasse de Fx. Se apenas um parâmetro for fornecido, o primeiro argumento a ser iniciado será usado como o valor alvo e o valor inicial será calculado a partir do estado atual do elemento. O formato e o tipo desse valor dependerão da implementação e poderão variar muito caso a caso. Verifique cada implementação para mais detalhes. O método set é ativado em cada etapa de uma transição. Também pode ser chamado manualmente para definir um valor específico para ser aplicado imediatamente ao efeito. Argumentos: valor - (misto) O valor a aplicar imediatamente à transição.