Uma rolagem com imagens

Muitas vezes vimos blogs com banners, selos, imagens e imagens, tudo que acaba por "poluir" um pouco o visual do próprio blog. Em viagem por este maravilhoso mundo que é a Internet, tive oportunidade de ir buscar códigos aqui, outros ali e pesquisando acolá, acabei por chegar a um código bastante interessante.

Para conseguirmos este efeito é bastante simples:

Abrimos uma mini-aplicação Editar Html/Javascipt e inserimos este código:


<style>
#roll, #roll marquee{ overflow:hidden; width:180px;
height:300px; margin:5px auto 5px auto; text-align:center;}
#roll a img{ border:1px solid #000000; }
#roll img{padding:2px 2px 2px 2px; text-align:center; margin:2px auto 2px auto; background:#CCCCCC;
}
</style>


<div id="roll">
<marquee scrolldelay="50" direction="up" behavior="scroll" onmouseover="this.stop();" onmouseout="this.start();" loop="-1" scrollamount="1">
<!-- Aqui você coloca o código dos banners -->
</marquee>
</div>


De seguida é preciso ir buscar o codigo das imagens e colocá-las onde diz: Aqui você coloca o código dos banners.

Depois é guardar e colocar a mini-aplicação onde mais queremos.

Boas aplicações:)