Jquery change image on rollover with fade
I'm currently using the script below to change an image on rollover. There are many images that this effect needs to be applied to - each image has its own rollover image. The script works for the rollover, but not for the fade. I've read about using CSS and jquery for the fade effect: http://jqueryfordesigners.com/image-cross-fade-transition/ But it would be a real pain having to write the CSS for over 100 different images! I was just wondering if anyone knows what I'm doing wrong and how to make the script work? :) $(function () { $("img.rollover").hover(function () { this.src = this.src