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

Mudando imagens com um Clique - onClick


maurian

Pergunta

Bom dia, Pessoal.
Tudo bem?

Preciso trocar uma imagem depois de um clique.
A minha ideia é manter a imagem nova no mesmo lugar da anterior depois do clique, mas com o "onclick" ativo para eu poder clicar na imagem de novo e a primeira imagem reaparecer no lugar da segunda.

 

Outro detalhe estou com uma programação que corta volume de um vídeo ativo no "button onclick", que esta funcionando e não pode parar de funcionar. Do jeito que eu configurei o "button onclick" do vídeo não parou de funcionar, mas a imagem não muda.

 

Tem como alguém me dar um help?

Javascript:

<script type="text/javascript">
function mudaImagem(i) {   

if (i == 1) {

 document.getElementById("imagem1").src="img/volume.jpg", 'style="display:block;"';

 document.getElementById("imagem2").src="img/mute.jpg", 'style="display:none;"';    

}  else if (i == 2) {       

 document.getElementById("imagem1").src="img/mute.jpg", 'style="display:block;"';        

 document.getElementById("imagem2").src="img/volume.jpg", 'style="display:none;"';    

    }  

}
</script>

 

HTML:

<button onclick="jQuery('#bgndVideo').toggleVolume()" ><img src="img/volume.jpg" alt="Som" id="imagem1" onclick="mudaImagem(1)" style="display:block;"/><img src="img/mute.jpg" alt="Som" id="imagem2" onclick="mudaImagem(2)" style="display:none;" /></button>

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

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