Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

nlopes

[Resolvido] javascript sistema rotativo de imagens

Recommended Posts

Aê Pessoal, estou precisando da ajuda de vcs, pois meu problema não dá nenhuma erro, assim fica mais dificil de resolver e como não sou nenhum expert em javascript, peço a ajuda dos colaboradores.

 

Tenho o seguinte código que faz algumas imagens "rodar"

 

 

<script type="text/javascript">								var delay = 9000; //set delay between message change (in miliseconds)				var maxsteps=30; // number of steps to take to change from start color to endcolor				var stepdelay=150; // time in miliseconds of a single step				//**Note: maxsteps*stepdelay will be total time in miliseconds of fading effect				var startcolor= new Array(255,255,255); // start color (red, green, blue)				var endcolor=new Array(0,0,0); // end color (red, green, blue)								var fcontent=new Array();								begintag='<div  style="font: normal 14px Arial;">'; //set opening tag, such as font declarations														fcontent[0]="<img src="imagem1.jog">";				fcontent[1]="<img src="imagem2.jog">";				fcontent[2]="<img src="imagem3.jog">";				closetag='</div>';								var fwidth='144'; //set scroller width				var fheight='351'; //set scroller height								var fadelinks=1;  //should links inside scroller content also fade like text? 0 for no, 1 for yes.								///No need to edit below this line/////////////////												var ie4=document.all&&!document.getElementById;				var DOM2=document.getElementById;				var faderdelay=0;				var index=0;																//function to change content				function changecontent(){				  if (index>=fcontent.length)					index=0				  if (DOM2){					document.getElementById("fscroller").style.color="rgb("+startcolor[0]+", "+startcolor[1]+", "+startcolor[2]+")"					document.getElementById("fscroller").innerHTML=begintag+fcontent[index]+closetag					if (fadelinks)					  linkcolorchange(1);					colorfade(1, 15);				  }				  else if (ie4)					document.all.fscroller.innerHTML=begintag+fcontent[index]+closetag;				  index++				}																				function linkcolorchange(step){				  var obj=document.getElementById("fscroller").getElementsByTagName("A");				  if (obj.length>0){					for (i=0;i<obj.length;i++)					  obj[i].style.color=getstepcolor(step);				  }				}												var fadecounter;				function colorfade(step) {				  if(step<=maxsteps) {						document.getElementById("fscroller").style.color=getstepcolor(step);					if (fadelinks)					  linkcolorchange(step);					step++;					fadecounter=setTimeout("colorfade("+step+")",stepdelay);				  }else{					clearTimeout(fadecounter);					document.getElementById("fscroller").style.color="rgb("+endcolor[0]+", "+endcolor[1]+", "+endcolor[2]+")";					setTimeout("changecontent()", delay);									  }   				}												function getstepcolor(step) {				  var diff				  var newcolor=new Array(3);				  for(var i=0;i<3;i++) {					diff = (startcolor[i]-endcolor[i]);					if(diff > 0) {					  newcolor[i] = startcolor[i]-(Math.round((diff/maxsteps))*step);					} else {					  newcolor[i] = startcolor[i]+(Math.round((Math.abs(diff)/maxsteps))*step);					}				  }				  return ("rgb(" + newcolor[0] + ", " + newcolor[1] + ", " + newcolor[2] + ")");				}								if (ie4||DOM2)				  document.write('<div id="fscroller" style="border:0px solid black;width:'+fwidth+';height:'+fheight+'"></div>');								if (window.addEventListener)				window.addEventListener("load", changecontent, false)				else if (window.attachEvent)				window.attachEvent("onload", changecontent)				else if (document.getElementById)				window.onload=changecontent			</script>

 

 

O problema eh o seguinte, quero colocar esse codigo em dois lugares na minha pagina ( cada um com suas respectivas imagens rodando entre si). Mas quando repito o codigo, ele continua soh aparecendo em apenas um.

 

Alguém jah se deparou com isso??? help!!!

 

Obs.: Codigo pronto e adaptado.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Estou com um problema semelhante, porem pra mim quando o slideshow inicia e desativa os outros JavaScripts da página.....Creio que pra o seu problema dava pra fazer apenas criando dois arquivos js com nomes diferentes e chamando um para cada slideshow que você quer...

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.