Mudança de Imagem Automática!

[maikon_ 0]

Possuo 7 imagens e preciso que elas troquem após um determinado tempo.

 

Como assim??

Preciso registrar o início de tipo um temporizador, onde a imagem seja trocada de acordo com o tempo registrado nele, ou seja, haveriam 6 mudanças (contando com a primeira imagem) após um determinado tempo pré definido no início do temporizador.

Após finalizar todas as mudanças preciso registrar o fim.

 

Existe algum tipo de script para isso??

 

Alguem pode me ajudar?

 

 

Forte Abraço!

 

Help !? http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[Otata 4]

cara você pode fazer com setInterval ou setTimeout ..

você monta um array com as suas fotos e vai passando a posição..

 

setInterval - > executa algo em intevalos (mlisegundos) infinitamnete

setTimeout - > executa algo em intevalos (mlisegundos) apenas uma vez

[fercosmig 0]

<script language="javascript" type="text/javascript">
<!--
fotos = new Array();
fotos[0] = 'banner1.jpg';
fotos[1] = 'banner2.jpg';
fotos[2] = 'banner3.jpg';
fotos[3] = 'banner4.jpg';
fotos[4] = 'banner5.jpg';
fotos[5] = 'banner6.jpg';
fotos[6] = 'banner7.jpg';

i=0;

function muda_foto(param){
	document.getElementById('banner').src = fotos[param];
	document.getElementById('nome').innerHTML = fotos[param];
	timer();
}

window.onload = timer();

function timer(){
	i++;
	if (i==7) i = 0;
	setTimeout('muda_foto(' + i + ')',1000)
}
-->
</script>

<img id="banner" name="banner" src=""/>
<div id="nome"></div>

[fercosmig 0]

testa ae

 

<script language="javascript" type="text/javascript">
<!--
fotos = new Array();
fotos[0] = 'banner1.jpg';
fotos[1] = 'banner2.jpg';
fotos[2] = 'banner3.jpg';
fotos[3] = 'banner4.jpg';
fotos[4] = 'banner5.jpg';
fotos[5] = 'banner6.jpg';
fotos[6] = 'banner7.jpg';

i=0;

function muda_foto(param){
	document.getElementById('banner').src = fotos[param];
	document.getElementById('nome').innerHTML = fotos[param];
	timer();
}

window.onload = timer();

function timer(){
	i++;
	if (i==7) i = 0;
	setTimeout('muda_foto(' + i + ')',1000)
}
-->
</script>

<img id="banner" name="banner" src=""/>
<div id="nome"></div>

[maikon_ 0]

Vlw galera.. vo tenta faze aqui e já posto o resultado!

 

http://forum.imasters.com.br/public/style_emoticons/default/grin.gif

[Nataraj 0]

rolou aqui..

mais apenas para IE.. já no meu Firefox..

não conseguir funcionar!!