29/01/2013

0

IMAGEM SE TRANFORMA EM OUTRA AO PASSAR O MOUSE

Já publiquei vários macetes relacionados com imagens porém, este é muito interessante pois você simplesmente move o cursor sobre a imagem para abrir uma outra imagem em seu lugar.
O mais interessante neste código é que ele é pequeno e você pode colocá-lo diretamente na área de postagem.

Para o exemplo abaixo eu utilizei dois wallpapers em tamanho reduzido. Passe o mouse sobre a imagem e você verá a tranformação. Pode acontecer da imagem ser muito pesada e por isso, demorar um pouco para abrir a segunda imagem. Por isso é muito importante que as imagens utilizadas sejam mais leves e menores.



O código utilizado para isso está abaixo.
---------------------------------------------------------------

<img src="URL da imagem UM" onmouseover="this.src='URL da imagem DOIS';" onmouseout="this.src='URL da imagem UM';"/>

---------------------------------------------------------------

Veja a simplicidade do código. O endereço (URL) da imagem UM é colocada nas áreas em vermelho e o endereço da imagem DOIS é colocada na área em azul.

Espero que tenham gostado e até a próxima.


Nenhum comentário:

Postar um comentário

Faça comentários somente sobre o assunto do Post.
Não use palavras impróprias.

Walter Matheus é um marketeiro credenciado e tem sido associado a várias publicações online, incluindo este blog,
Dr. Mister Blog e Sabedoria do corpo.

Ele também tem um vasto programa de treinamento para marketeiros no seu próprio site localizado em: WMF Program.

Se você gostou deste conteúdo do blog, você vai se beneficiar muito obtendo conteúdo diário. Ao assinar meu feed, você receberá conteúdo atualizado bem como os bônus especiais.

Junte-se a shareasale.com para ganhar muito dinheiro em seu site ou blog!

Para qualquer dúvida, entre em contato

Veja também

Top comentários

Veja aqui os Vídeos do meu canal