Ir para conteúdo
Fórum Script Brasil
  • 0

Exibição De Imagens Em Javascript


EvilMan

Pergunta

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á.

Link para o comentário
Compartilhar em outros sites

5 respostass a esta questão

Posts Recomendados

  • 0
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.

Link para o comentário
Compartilhar em outros sites

  • 0
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.

Link para o comentário
Compartilhar em outros sites

  • 0

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 por CSML sistemas
Link para o comentário
Compartilhar em outros sites

  • 0
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;

}

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...