sobreposição de imagem quando pass ao mouse

[Jasar]

ola galera como q eu faço com jquery um efeito de hoover?

por ex eu tenho uma imagem

<img src=''> normal so q eu quero por nela uma função que quandoo cara passa o mouse por cima aparece por cima dela a imagem play.png q he um simbolo de play transparente q eu fiz.

já tentei d varias maneiras mas a maioria quebra meu layout. alguém da um help

valeu

[vini_loock]

Você vai carregar a biblioteca toda apenas para isso? ou tem outros efeitos com jquery?

Se for fazer pelo próprio js nem é dificil, no ovento onmousemove, troque o src e no onmousedown troque de novo:

<img src="normal.png" onmousemove="this.src='over.png'" onmousedown="this.src='normal.png'" />

Mas caso a prefira com jquery ai vai:

$(document).ready(function(){
$("img").mousemove(function(){
$(this).attr("src", "over.jpg");
return false;
});

$("img").mousedown(function(){
$(this).attr("src", normal.jpg);
return false;
});

$("img").attr("src", "normal.jpg")
});

Editado Novembro 18, 2010 por vini_loock