(<\/span>function<\/span>(<\/span>$<\/span>)<\/span> {<\/span>\n  \n  $<\/span>.<\/span>fn<\/span>.<\/span>imageAsync<\/span> =<\/span> function<\/span>(<\/span>options<\/span>)<\/span> {<\/span>\n      var<\/span> settings<\/span> =<\/span> $<\/span>.<\/span>extend<\/span>({},<\/span> $<\/span>.<\/span>fn<\/span>.<\/span>imageAsync<\/span>.<\/span>defaults<\/span>,<\/span> options<\/span>);<\/span>\n\n      return<\/span> this<\/span>.<\/span>each<\/span>(<\/span>function<\/span>()<\/span> {<\/span>\n        \n        if<\/span>(<\/span> $<\/span>(<\/span>this<\/span>).<\/span>attr<\/span>(<\/span>'src'<\/span>)<\/span> )<\/span> {<\/span>\n          \n          var<\/span> originalImageSrc<\/span> =<\/span> $<\/span>(<\/span>this<\/span>).<\/span>attr<\/span>(<\/span>'src'<\/span>);<\/span>\n          var<\/span> imgHeight<\/span> =<\/span> $<\/span>(<\/span>this<\/span> +<\/span> '[height]'<\/span>).<\/span>attr<\/span>(<\/span>'height'<\/span>)<\/span> ||<\/span> settings<\/span>.<\/span>h<\/span>;<\/span> // bug in firefox: even if img has no height attr, it will come back as 16<\/span>\n          var<\/span> imgWidth<\/span> =<\/span> $<\/span>(<\/span>this<\/span> +<\/span> '[width]'<\/span>).<\/span>attr<\/span>(<\/span>'width'<\/span>)<\/span> ||<\/span> settings<\/span>.<\/span>w<\/span>;<\/span>\n\n// bug in Firefox when setting src='' OR removing src attribute which causes a double request for an image<\/span>\n// A better idea would be to set source to a very small, 1x1 gif<\/span>\n                  \n          var<\/span> originalImage<\/span> =<\/span> $<\/span>(<\/span>this<\/span>)<\/span>\n            .<\/span>attr<\/span>(<\/span>'src'<\/span>,<\/span>'dot-clear-1x1.gif'<\/span>)<\/span> \n            .<\/span>wrap<\/span>(<\/span>'<span class="'<\/span> +<\/span> settings<\/span>.<\/span>progressClassName<\/span> +<\/span> '"></span>'<\/span>)<\/span>\n            .<\/span>parent<\/span>(<\/span>'span'<\/span>)<\/span>\n            .<\/span>css<\/span>(<\/span>'display'<\/span>,<\/span>'inline-block'<\/span>)<\/span>\n            .<\/span>width<\/span>(<\/span>imgWidth<\/span>)<\/span>\n            .<\/span>height<\/span>(<\/span>imgHeight<\/span>);<\/span>\n\n          var<\/span> img<\/span> =<\/span> new<\/span> Image<\/span>();<\/span>\n          $<\/span>(<\/span>img<\/span>)<\/span>  \n            .<\/span>load<\/span>(<\/span>function<\/span>()<\/span> {<\/span> originalImage<\/span>.<\/span>replaceWith<\/span>(<\/span>this<\/span>);<\/span> })<\/span>\n            .<\/span>error<\/span>(<\/span>function<\/span>()<\/span> {<\/span> })<\/span>\n            .<\/span>attr<\/span>(<\/span>'src'<\/span>,<\/span> originalImageSrc<\/span>)<\/span>\n            .<\/span>attr<\/span>(<\/span>'width'<\/span>,<\/span> imgWidth<\/span>)<\/span>\n            .<\/span>attr<\/span>(<\/span>'height'<\/span>,<\/span> imgHeight<\/span>);<\/span>            \n        \n        }<\/span>\n\n     });<\/span>\n\n  }<\/span>\n\n  $<\/span>.<\/span>fn<\/span>.<\/span>imageAsync<\/span>.<\/span>defaults<\/span> =<\/span> {<\/span>\n		progressClassName<\/span>:<\/span> "progress"<\/span>\n	};<\/span>\n\n})(<\/span>jQuery<\/span>);<\/span>\n<\/pre><\/div>\n