30 de novembro de 2011

Tutorial: Mudar imagem quando passa o mouse



Vou ensinar para vocês hoje, o código que eu achei mais simples e funcional para quando você quiser, fazer aquele efeito da imagem mudar quando encostar o mouse.
 Eu tinha tentado fazer este efeito com outro código, e não sei por qual motivo não deu certo. Por isso, se você já tentou fazer este efeito com outro tutorial e não deu certo, pode dar certo com esse aqui 
1- Vá em Design, Elementos de Página e adicione um Gadget (HTML/JavaScript) e cole o seguinte código:
<img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />
2- Escolha as imagens que você irá utilizar, e as hospede em algum site. Recomendo o TinyPic. Depois, substitua de acordo com o primeiro código.
Dúvidas? Pergunte por comentário! Espero ter ajudado.


Créditos TOTAIS: Tutoriais Attitude Included

Nenhum comentário:

Postar um comentário