img { opacity: 0; transition: opacity .2s; }; img.loaded { opacity: 1; };
$(function(){ $('img').load(function(){this.addClass('loaded')}) });
Why no CSS transitions?
The fade is lagging for me (Macbook Pro, Chrome).
Does this load in only when they are visible in the viewable area, or do they fade in everywhere?
jQuery lazy load does the same thing and has been around for long.
Nice work :)
Why not just use CSS3 animation?