Загрузка изображений

var lazyImages = {
  build: function (params) {
    if (!params.selector) return;
    if (params.cache === undefined) params.cache = true;
    var logger = params.logger || {log: function () {}};
 
    var images = document.querySelectorAll(params.selector);
    logger.log('Found ' + images.length + ' images');
 
    function loader (i) {
      if (i == images.length) {
        logger.log('Images Loaded');
        return;
      }
 
      var o = new Image();
 
      o.onload = function () {
        images[i].src = this.src;
        images[i].classList.add('loaded');
        logger.log('Image #' + i + ' loaded');
        loader(i + 1);
      }
 
      var src = images[i].dataset.img;
      if(!params.cache) src += '?random=' + Math.random();
 
      logger.log('Loading image #' + i);
 
      o.src = src;
    }
 
    return {
      run: function () { loader(0) }
    };
  }
}
 
var loader;
 
window.addEventListener('DOMContentLoaded', function () {
  loader = lazyImages.build({
    selector: 'img.lazy',
    cache: false, // feel free to remove this parameter
    logger: console // feel free to remove this parameter
  });
});
 
window.addEventListener('load', function () {
  loader.run();
});