I am trying to improve my navigation so it fades from one background image to another using jQuery. I have heard the benefits to using it so I want to give it a shot. So I searched the web and found this tutorial. http://jqueryfordesigners.com/image-fade-revisited/

I am using a transparent png background image sprite with text overlaying the background image. The tutorial uses jquery to fade a div on top of another looking like it fades. Since I am using a transparent png, that wont work.

So, is there a way to cross-fade the background images on hover with jquery and also fade the text color?

Take a look at my nav for a better idea: http://www.mtrservices.com/

Any help would be great. Thanks!