При посочване различна картинка?!

[LuBaTa]

Здравейте, забравих как беше кода с който е правеше това:
Имам една безцветна картинка и като застана на нея с мишката(без да кликам) картинката става цветна!
Знам че става със 2 отделни картинки но просто съм забравил и немога да намеря кода..
Картинките са:
Тази която искам да си остава - down.png
Tази която да се появява - down1.png

 

[ThePowerr]

<style type="text/css">
div.fadehover{position:relative;}
img.a{position:absolute;left:600;top:20;z-index:10;}
img.b{position:absolute;left:600;top:20;}
</style>




<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("img.a").hover(
function() {
jQuery(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
jQuery(this).stop().animate({"opacity": "1"}, "slow");
});
});

</script>






<a href="index.html"><div class="fadehover"><img src="img 0002.png" width="300" height="100" border="0" style="position:absolute;top:17px;left:940px;" class="a" /><img src="img 0003.png" width="300" height="100" border="0" style="position:absolute;top:17px;left:940px;" class="b" /></div></a>

 

[LuBaTa]

не се получава....

 

[ThePowerr]

като ще ти трябва и * jQuery
http://pastebin.com/fr5zdkuH

 

[ThePowerr]

http://bavotasan.com/2009/creating-a-jquery-mouseover-fade-effect/

 

[palex]

или по-простичкото:

<img src="down.png" onmouseover="this.src='down1.png'" onmouseout="this.src='down.png'"/>

 

[LuBaTa]

@palex точно това ми трябваше! Благодаря!