Exibição De Imagens Em Javascript

[EvilMan]

Salve Salve galera...

Estou fazendu um site de celulares pra loja do meu tio...

e estou tentando fazer um efeito e mudança de imagens, ex: você clica em uma seta, e ele uma p/ a imagen 2, clica de novo e muda pra imagen 3.

igual esta do site da motorola >> http://shop-br.motorola.com/site/content/p..._det.asp?id=995

alguém saberia me explicar como faço o tal?

Agradeço desde já.

[CSML sistemas]

Que tal criar um array de imagens, carregar indexadamente as figuras que você quer exibir e usar funções para percorrer este array, exibindo a imagem atual através de:

document.getElementById('elemento_img').src = array_de_imagens[indice_da_imagem_atualmente_a_exibir].src;

?

[EvilMan]

Que tal criar um array de imagens, carregar indexadamente as figuras que você quer exibir e usar funções para percorrer este array, exibindo a imagem atual através de:

document.getElementById('elemento_img').src = array_de_imagens[indice_da_imagem_atualmente_a_exibir].src;

?

Hum...

rsrs, pode ser um pouco mais específico, é que sou bem leigo no assunto, começei o site no Dreamwaver 8, ficou pronto já, ta bunitinho hehe, ai estou adicionando alguns efeitos e paginas novas aos poucos, no caso agora empaquei nessa parte rsrs.

Como poderei utilizar esta array na minha página?

é que sou bem leigo no assunto mesmo, ai eu fico meio perdido rsrs.

obrigado pela ajuda.

[marcos_804]

Que tal criar um array de imagens, carregar indexadamente as figuras que você quer exibir e usar funções para percorrer este array, exibindo a imagem atual através de:

document.getElementById('elemento_img').src = array_de_imagens[indice_da_imagem_atualmente_a_exibir].src;

?

'CSML sistemas' , você tem certeza de que isso funciona?

Eu já fiz algo assim e as imagens nunca ficam mesmo carregadas, inclusive tentei usar seu exemplo mas não funciona.

[CSML sistemas]

Esse método conta com a disponibilidade de cache do navegador em uso. Inevitavelmente, alguns navegadores iniciam uma comunicação com o servidor mesmo tendo a imagem em cache, mas se o arquivo for o mesmo, usa o do cache, reduzindo substancialmente o tempo comparativamente ao download inicial da imagem. Encontrei esse método em uma página de referência de JavaScript do Netscape, em Image (Example 4):

http://wp.netscape.com/eng/mozilla/3.0/handbook/javascript/

Existe outra forma, que seria criar vários elementos img na página, e manter apenas um visível a cada momento... :blink:

Editado Julho 11, 2007 por CSML sistemas

[Guest --Adriano --]

Seguinte, na figura da flecha, no evento OnClick chama a função Cforward(), que segue abaixo, maiores detalhes clica em exibir/ código fonte da própria Motorola e dá uma estudada.

function Cforward(){

if (which<Cphotos.length-1){

which++

} else {

which=0

}

document.images.Cphotoslider.src=Cphotos[which];

document.images.Cphotoslider.alt=PhotoLeg[which];

document.images.Cphotoslider.title=PhotoLeg[which];

document.getElementById("foto_atu").innerHTML = which+1;

}