Vamos utilizar uma solução pronta e gratuita que está disponível, inclusive com exemplo, no site slayeroffice.com – imageCrossFade.

No caso deste exemplo, vamos precisar do seguinte:

xfade2.css

#imageContainer {
height:235px;
}

#imageContainer img {
display:none;
position:absolute;
top:0; left:0;
}

xfade2_o.css

#imageContainer {
position:relative;
margin:auto;
width:495px;
border:1px solid #000;
}

xfade2.js

/*****

Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com

Please leave this notice intact.

Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html

*****/

window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);

var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;

function so_init() {
if(!d.getElementById || !d.createElement)return;

// DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT!
// httpHypertext Transfer Protocol (ou o acrônimo HTTP; do inglês, Protocolo de Transferência de Hipertexto) é um protocolo de comunicação (na camada de aplicação segundo o Modelo OSI)://slayeroffice.com/code/imageCrossFade/xfade2.css
css = d.createElement("link");
css.setAttribute("href","xfade2.css");
css.setAttribute("rel","stylesheet");
css.setAttribute("type","text/css");
d.getElementsByTagName("head")[0].appendChild(css);

imgs = d.getElementById("imageContainer").getElementsByTagName("img");
for(i=1;i<imgs.length;i++) imgs[i].xOpacity = 0;
imgs[0].style.display = "block";
imgs[0].xOpacity = .99;

setTimeout(so_xfade,1000);
}

function so_xfade() {
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;

nOpacity = imgs[nIndex].xOpacity;

cOpacity-=.05;
nOpacity+=.05;

imgs[nIndex].style.display = "block";
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;

setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);

if(cOpacity<=0) {
imgs[current].style.display = "none";
current = nIndex;
setTimeout(so_xfade,8000);
} else {
setTimeout(so_xfade,50);
}

function setOpacity(obj) {
if(obj.xOpacity>.99) {
obj.xOpacity = .99;
return;
}
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}

}

O arquivo js vem com um aviso. Ele alerta para que o arquivo css esteja na mesma pasta do arquivo js. Se estiverem em arquivos separaros, é preciso indicar o caminho até o arquivo.

Esta linha controla o tempo de troca entre as imagens:

setTimeout(so_xfade,8000);

No caso, a cada 8 segundos a imagem é alterada.

E por último, no seu htmlacrônimo para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto, as imagens que serão alteradas:

<div id="imageContainer">
<img src="imagem1.jpgPEG (ou JPG) é um método comumente usado para comprimir imagens fotográficas." width="495" height="235" alt="imagem">
<img src="imagem2.jpgPEG (ou JPG) é um método comumente usado para comprimir imagens fotográficas." width="495" height="235" alt="imagem">
<img src="imagem3.jpgPEG (ou JPG) é um método comumente usado para comprimir imagens fotográficas." width="495" height="235" alt="imagem">
<img src="imagem4.jpgPEG (ou JPG) é um método comumente usado para comprimir imagens fotográficas." width="495" height="235" alt="imagem">
</div>

Agora é só testar e ver o resultado. Você também pode ajustar a altura e largura das imagens. Basta alterar o width e height dos atributos img e nos arquivos css.

faça download do cod_banner

vi no:httpHypertext Transfer Protocol (ou o acrônimo HTTP; do inglês, Protocolo de Transferência de Hipertexto) é um protocolo de comunicação (na camada de aplicação segundo o Modelo OSI)://www.mariosam.com/

Veja como é fácil a retirar essa linha:

<a href=”link” style=”text-decoration:none”>blabla</a>

pronto agora é só curtir o código

Vamos lá…

Primeiro de tudo crie 3 banners de sua escolha, sendo que todos devem ter a medida de 480px(largura) e 60px (altura) e serão nomeados de: 1.swf, 2.swf w 3.swf.

Vamos agora criar o banner que será a base para os outros banners. Em um novo filme, modifique também a estrutura do palco para 480px (largura) e 60px (altura). Existem tamanhos padrões para cada tipo de necessidade hoje estaremos utilizando esta medida para o nosso exemplo.

Nesse mesmo palco faremos o seguinte, desenhe um retângulo na mesma medida do espaço selecionado no palco 480px por 60px, selecione o retângulo e pressione F8 e converta-o em Clipe de Filme (Movie Clip). Com esse Clipe de Filme Selecionado na barra de Propriedades do Flash escolha a opção “Alpha = 0″. Agora clique no primeiro Frame(em inglês: quadro ou moldura) é cada um dos quadros ou imagens fixas de um produto audiovisual da única camada que temos, abra o quadro de ações de cole o cógido abaixo:

// o número “3″ significa a quantidade de banner que vc terá

banner = random(3)+1;
loadMovieNum(banner+”.swf”, 1);

NOTA: Essa será a única linha de código que iremos usar, explicando o mesmo:banner = random(3)+1;
// nessa linha de código declaro uma variável chamada “banner” que será escolhida aleatóriamente através do comando “random” um entre os 3 banner que eu tenho feito, onde será exibido um por vez.

loadMovieNum(banner+”.swf”, 1);
// com esse comando eu carrego meus banners com extensão .swf para o nível 1, ou seja nível principal.Pronto, com todos os arquivos salvos na mesma pasta é só pressionar Ctrl + Enter, assim que aparecer seu banner pressione de novo e verá o mesmo sendo alterado.[b]NOTA: O banner principal onde está o código, será totalmente branco ou da cor de sua preferência, não terá nada além da cor de fundo, e poderá ser salvo com o nome que desejar.
Você pode colocar quantos banners quiser, desde que seja salvo na mesma ordem numérica e que seja altera o número na seguinte linha de código: [b]
“banner = random (nº de banners que vc terá)+1;”

fonte:codigofonte