Lazy Loading Images w/ jQuery

jquery-lazy-images.html

<div class="lazyImage" data-src="http://baconmockup.com/200/200" data-width="200" data-height="200" data-title="Mmmm Bacon"></div>

jquery-lazy-images.js

$(function() {
  var b, e;
  b = $(window);
  e = $('.lazyImage');
  b.scroll(function() {
    $.each(e, function() {
      var c = $(this), a, d;
      a = c.offset();
      d = c.data();
      if(!d.loaded && a.top <= b.height() + b.scrollTop()) {
        a = new Image, $.extend(a, d), a.onload = function() {
          c.prepend(this);
          $(this).fadeIn();
          c.removeClass('lazyImage');
          e = $('.lazyImage')
        }, c.data('loaded', !0)
      }
    })
  })
});