lazy_load.js

// LAZY IMAGE LOADING FOR RESPONSIVE
var lazyImageLoad = function () {
  $('.lazy-image-container').each(function (index) {
    var thisElement,
        noScriptElement,
        imgElement;

    thisElement = $(this);
    if (!thisElement.parent().is(':hidden')) {
      noScriptElement = thisElement.find("noscript");
      if (noScriptElement.size() > 0) {
        thisElement.append(noScriptElement.text());
        noScriptElement.remove();
      }
      thisElement.removeClass("lazy-image-container");
    }
  });
}

// fire once on page load. no need to wait for domReady because we
// load this script at the end of the page
lazyImageLoad();
// register the function to run every time a new breakpoint matches
// on a media query. the timeout is important as you need to wait
// for a browser repaint to check visibility of elements.
if (typeof(metaQuery) !== 'undefined') {
  metaQuery.bindGlobal(function () {
    setTimeout(lazyImageLoad, 0);
  });
}

markup.html

<a href="#" class="lazy-image-container">
  <!--[if gt IE 8]><!--><noscript><!--<![endif]-->
    <img alt="some alt" src="some_image.jpg" />
  <!--[if gt IE 8]><!--></noscript><!--<![endif]-->
</a>