Tutorial 50 - Estágio 01

 

Movimento onda na imagem.
 
 Material: Script Limpo

 

 O procedimento continua o mesmo. Selecione, copie , abra a Origem e cole o script antes de   </BODY> .   Clique em Visualizar para ver o efeito.

O script se adapta ao tamanho da imagem, não sendo preciso ajusta-la.Determinamos  o caminho em;

<BODY onload=zyva()>
<IMG id=theimg src="Caminho da imagem"
style="POSITION: absolute; WIDTH: 0px; Z-INDEX

 

 

 

Controlamos a velocidade em "T" e a extensão do efeito em "E".

 
T=50
// T définit la valeur de k pour laquelle l'image retrouve la dimension obtenue //
// à l'ouverture du navigateur : petite valeur, mouvement rapide //
 
E=20
// E définit l'extension maximale qu'aura l'image déformée par rapport à la taille de //
   

Script fica  melhor sem scroll, e com texto pequeno

document.body.scroll="no"
// On supprime les ascenseur car ceux-ci perturberaient les animations. //

 
 
 
Para ver o exemplo clique Aqui
 

Atividade:

 

Envie dois exemplos de um email formatado trocando os valores e a imagem.
 
 
Vamos a fazer uma linda formatação?
 
Envie para o grupo colocando seu Nome/Estágio/TutorialNúmero
 
* Não esqueça do inserir o antibanner

 

Tutorial  roteiro criado com exclusividade por  Maria Fernanda para o Grupo Arte Oficius. Não poderá ser copiado, retirado de seu lugar, traduzido ou utilizado em listas de aprendizados ou grupos  sem o consentimento prévio da autora. Pertence ao   ARTE OFICIUS GRUPOS