Alguem Sabe Como Fazer

[ronaldosdb]

Galera, eu gostaria de fazer esse efeito de transição de imagem e texto junto igual ao que acontece nesse site: http://www.tricolormania.com.br.

Como fazer?

[Graymalkin]

Veja se é isso aqui que você quer: http://www.gs.kitbr.com/teste.htm

Se for, basta olhar o código-fonte da página para ver como foi feito.

Abraços,

Graymalkin

[ronaldosdb]

é quase isso, não sei se você percebeu, mas há uma transição (rollover) de imagem e texto junto, ou seja, quando muda a imagem instantaneamente muda o texto ao lado....

Como fazer isso?

Ronaldo

[Graymalkin]

é quase isso, não sei se você percebeu, mas há uma transição (rollover) de imagem e texto junto, ou seja, quando muda a imagem instantaneamente muda o texto ao lado....

Como fazer isso?

Ronaldo

Hummm... eu não tinha reparado essa parte do meio. Realmente, é bem legal isso ali, mas também não sei como foi feito...

Abraços,

Graymalkin

[Deividy]

isso ai foi criado com javascript vou mover você pra lá ai quem sabe alguém lá pode lhe ajudar melhor

mais é um efeito bem legal!

[OSJunior]

Retirado do próprio TricolorMania:

function RodaDestaques() {	
	if (RODANDO) {
  if (LAYER==4) LAYER=1;
  else LAYER++;
  
  
  if (navigator.appName=="Netscape") {
  	for (var i=1; i<=4; i++) {
    document.getElementById('destaques'+i).style.visibility = 'hidden';
  	}
  	document.getElementById('destaques'+LAYER).style.visibility = 'visible';
  }
  else {
  	LAYERANTERIOR = LAYER-1;
  	if (LAYERANTERIOR==0) {
    LAYERANTERIOR = 4;
  	}
  	else {
    LAYERANTERIOR = LAYERANTERIOR;
  	}
  	nereidFade(document.getElementById('destaques'+LAYERANTERIOR),0,10,5,LAYERANTERIOR)
  	nereidFade(document.getElementById('destaques'+LAYER),100,50,5,LAYER);
  }
  setTimeout("RodaDestaques()", 10000);
	}
}

function ParaRodaDestaques() {
	if (RODANDO) {
  RODANDO = false;  
	}
	else {
  RODANDO = true;
  setTimeout("RodaDestaques()", 10000);
	}
}

OBS: Eles usam layers.

falou.

[ronaldosdb]

Mas entaum só vai funcionar no IE? e nos outros browsers...?

alguém poderia explicar (comentar) o codigo a titulo de esclarecimento?, sou novado em java script

Valeu

Ronaldo

[ronaldosdb]

é possivel renomear as layers desse exemplo? alguém pode comentar o codigo...

[OSJunior]

Não testei o código...mas acredito que irá funcionar sim nos demais navegadores.

é possível sim...não o código, mas o HTML.

falou.

[Graymalkin]

Funcionou aqui no FireFox também.

Abraços,

Graymalkin