A better implementation of a fading image swap with javascript / jQuery

Question

This is less of a specific problem or error but more of a implementation question.

First of I\'d like to say that I\'ve been through a lot of fading image tutorials

Answer 1

Here's a nice pattern:

JS:

$('body').find('*[hoverImg]').each(function(index){
    $this = $(this)
    $this.wrap('
')     
    $this.parent().css('width',$this.width())  
    $this.parent().css('height',$this.width())
    $this.parent().css('background-image',"url(" + $this.attr('hoverImg')+")")
        $this.hover(function() {
            $(this).stop()
            $(this).fadeTo('',.01)    
        },function() {
            $(this).stop()
            $(this).fadeTo('',1)             
        })                    
});