value1

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" />