Hi all,

I'm 3 hours stuck on trying to find a code wich allows me to fadeIn and fadeOut in a mouseover/mouseout  function with a var in it.

I tried a lot of things adding this piece of code I got into it:

1. $ (this).fadeIn(1000);
2. $ (this).fadeOut(1000);

This is what I got for now:

2. $(function() {
3.           
4.     $(".fade2 img")
5. 
   
6.     // I want this fade in
7.     .mouseover(function() {
8.         var src = $(this).attr("src").match(/[^\.]+/) + "_2.gif";
9.         $(this).attr("src", src);
10.     })
11.    
    
12.     // I want this fade out
    
13.     .mouseout(function() {
14.         var src = $(this).attr("src").replace("_2", "");
15.         $(this).attr("src", src);
16.     });
17.        
18. });

Can anybody help me? Thank you in advanced!