Imagens que Rolam na Tela

CLASSIFICAÇÃO DO TUTORIAL
INTERMEDIÁRIO

Já publiquei no Imagens para Você uma dica com o link do blog da minha amiga Claudya sobre imagens que rolam na tela, mas vou republicar esta dica aqui com uma observação:

No Blog-Memories a Claudynha explica assim:

Este é o código:

<center><marquee direction="up" scrollAmount="1" style="background-color: #542E55; text-align: center; width:100px;height:130px;border:2px solid #ffffff;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='1'">
<a href="URL do link" title="texto"><img src=" url da imagem"</a>
<a href="URL do link" title="texto"><img src="url da imagem"</a>
</marquee></center>

No código, todas as partes abaixo podem ser mudadas a gosto de cada um:

1. Background-color (cor do back);
2. Scrollamount (rolagem entre): minímo de 1;
3. Width (largura da caixa): está em 100px, mas mude como quiser;
4. Height (altura da caixa): 130px, mas pode ser mudada;
5. Border (grossura da borda): 2px (pode alterar);
6. Border (estilo da borda): solid (pode alterar);
7. Border (cor da borda): #ffffff (este é o código html de cor→é só mudar);

Não esqueça também de mudar os seguintes campos:

• Url link: endereço do que você quer mostrar;
• texto: digite e aparece quando passa o mouse por cima; (Ex: Título da Imagem)
• Url imagem: endereço de onde a imagem está hospedada.

_______________________________________________________________

Minha observação:

Da forma que está definido dá um espaço entre a primeira e a última imagens, então para corrigir este problema o código deve ficar assim:

<marquee direction="up" onmouseover="this.stop()" style="border: 3px ridge rgb(255, 0, 0);" width="160" onmouseout=" this.start()" scrollamount="3" height="250">
<center>
<a href="URL do link" title="texto"><img src=" url da imagem"</a>
<a href="URL do link" title="texto"><img src="url da imagem"</a>
</center></marquee>

No começo do código onde está escrito: marquee direction="up" indica para que lado as imagens vão passar, nesse caso "up" indica para cima.

Se você quiser que as imagens rolem para baixo deverá escrever "down";





Se quiser que rolem para a direita escreva "right";





E para esquerda "left";





Scrollamount (rolagem entre): minímo de 1; → se aumentar esse número as imagens rolam mais rápido (sugestão:3 ou 4).





Se escolher "right" ou "left" não coloque o código <br> que significa pular uma linha, senão as imagens ficarão aglomeradas. Use <a href="URL do link" title="texto"><img src=" url da imagem"</a> apenas um espaço aqui entre as tags das imagens
<a href="URL do link" title="texto"><img src="url da imagem"</a>

É isso que gostaria de acrescentar à dica sobre imagens que rolam na tela.