|
Nesta lição aplicaremos um script que cria o efeito de pequenas imagens caindo, também conhecido como
"Chuva de Imagens". Peque AQUI o modelo
ilustrativo.
Para testar o
script e entender o seu funcionamento faça o seguinte:
1 - Escolha uma pequena imagem (de
preferência um gif com fundo transparente).
Nota. Na parte de material de
apoio você encontrará um arquivo compactado com vários pequenos
gifs. Escolha um deles ou qualquer outro de sua preferência.
2 - Abra uma nova mensagem, delete tudo o que está na
aba "Origem" e cole o código abaixo:
3 - Indique o caminho
da imagem no lugar indicado no código, não esquecendo de preservar
as aspas.
<IMG id=snowtemp
style="DISPLAY: none"
src="endereço da imagem">
Nota. Sugerimos a
leitura da DICA GERAL nº. 01 : "Como não errar a indicação do
caminho de um arquivo na Origem".
4 - Você pode alterar a quantidade de imagens caindo
bastando alterar o número 16 nesta parte do script: var no = 16; // snow number
5 - Caso queira
modificar a velocidade do movimento da imagem caindo, basta alterar
o número 1 em var speed = 1 .
Quanto maior o número, mais lento é o movimento.
6 - Vá na aba
"Visualizar" para verificar se está tudo funcionando certinho.
7 - Você pode
agora completar a formatação aplicando o background (menu FORMATAR /
Plano de Fundo / Imagem), adequando os códigos do tag STYLE,
digitando o texto, inserindo o som, etc.
ou,
Pode fechar a
mensagem sem salvar, abrir uma nova mensagem, formatá-la com um
background, uma tabela se quiser, e depois colar na Origem o script
das imagens caindo. Pegue
AQUI arquivo .txt com o código do script.
Seu Exercício:
apresente à lista uma formatação completa (moldura e barra de
rolagem colorida, atributos de fonte, margens, texto, som, mensagem
de rodapé, etc.) e aplicando o script das imagens caindo. Fica à sua
escolha apresentá-la conforme o modelo (com um background com imagem
na lateral esquerda), ou com um top e/ou usando uma das tabelas
estudadas nas lições anteriores.
Observações:
1) Esse efeito é muito conhecido
e largamente utilizado nas formatações de e-mails e de páginas de
web. É um efeito simples, não sobrecarrega a formatação (em kb) e
valoriza muito os nossos trabalhos.
2) Orientamos para
deletar tudo o que estiver na Origem e colar o código completo
apenas para efeitos didáticos, para mostrar onde o script se encaixa
dentro da estrutura do HTML, no código fonte (Origem).
No entanto é preciso esclarecer que
o script em si é a parte que está compreendida entre os tags
<SCRIPT> e </SCRIPT> (abertura e fechamento).
No caso
deste script é necessário indicar também a parte que se refere à
imagem para que o programa saiba em qual imagem será aplicado o
efeito.
 | 