Archive

A Imagem muda ao passar o mouse (Evento onMouseover )

A pedido de um amigo que acredita em nosso trabalho eu busquei, um artigo que ensinava como fazer uma imagem mudar quando passar o mouse sobre ela, vi muitas dicas legais, mas encontrei um probeminha: se duas imagens tivessem o mesmo nome, apenas uma delas mudava. Então aqui vai, um outro script muito simples, e que é muito difícil (impossível) acontecer o mesmo erro.

 

 

 

<img src=”URl da IMAGEM 1″ onMouseOver=”this.src=’URL da IMAGEM 2′” onMouseOut=”this.src=’URL da IMAGEM 1 novamente'” />

 

————————————————————————————————–

 

Um exemplo, você pode ver com a imagem abaixo:

 

66910712gh

 

E, se você quiser proteger a imagem contra cópia, coloque o seguinte atributo no código: onContextMenu=”return false”. Ex:

 

———————————————————————————————–

 

<img src=”URl da IMAGEM 1″ onMouseOver=”this.src=’URL da IMAGEM 2′” onMouseOut=”this.src=’URL da IMAGEM 1 novamente'” onContextMenu=”return false” />

 

Abrir chat
💬 Posso Ajudar?