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:
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” />