Ir para conteúdo

POWERED BY:

Arquivado

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

Jesus Kleiton

Mudar imagem de botão.

Por , em Javascript

Recommended Posts

Jesus Kleiton    0

Jesus Kleiton
Postado

Bem pessoal... estou fazendo um site que tem botoes q funcionam da seguinte forma.. : Existe uma imagem dele normal.. e outra q deve aparecer quando o usuario apontar o mouse para ele, dando a impressão q o botão esta pressionado. Chequei varios tutoriais e cheguei ao comando abaixo.. .mas por alguma razão ele nao executa a troca de imagens. Alguem pode me ajudar??

desde ja agradeço..

 

<html>
<head>
<title> testebotao</title>
</head>

<script linguage=javascript>

aperta = new Image(84,34)
aperta src = "botaorosa.gif"
larga = new Image(84,34)
larga src = "botaoazul.gif"

</script>
<body>

<a href = "www.yahoo.com.br" onmouseover = "window.document["imagem1"].src = aperta.src"
 onmouseout = "window.document["imagem1"].src = larga.src"> 
<image src = "botaoazul.gif" name = "imagem1"></a>

</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

DSerma    19

DSerma
Postado

Faça assim:

<script>

meuLink.onmouseover = function(){
document.getElementById("imgBotao").src = "imagem1.gif";
}

meuLink.onmouseout = function(){
document.getElementById("imgBotao").src = "imagem2.gif";
}

</script>


<a href = "seusite.com.br" id = "meuLink"><img src = "imagem.gif" id = "imgBotao"></a>

 

Abraços...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Edultra    13

Edultra
Postado

Eis a função para troca de imagem:

 

<html>
<head>
<title>Exemplo de troca de imagens</title>
</head>
<body>
<img onmouseover="trocar(this)" onmouseout="voltar(this)" src="imagens/imagem1.jpg">
<script type="text/javascript">
<!--
function trocar(obj){
obj.src="imagens/imagem2.jpg";
}
function voltar(obj){
obj.src="imagens/imagem1.jpg";
}
//-->
</script>
</body>
</html>
Agora é so adaptar para utilizar nos botoes este script, o unico problema seria criar uma função para cada botão, da para criar todos os efeitos em todos os botões de uma só vez sem se preocupar com codigo utilizando o Fireworks se desejar posso te passar um link com um passo a passo.

 

edit:

hehe tava ainda digitando quando o dark demo respondeu, qualquer uma das alternativas é valida.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

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

  Aceito