lazy load

by Tushar Thakare

HTML

<div class="zone">
  <div>
  <h1 class="sticky">Title 1</h1>
  <img data-xxxa="https://exma.com/1.jpg" data-original="http://farm8.staticflickr.com/7060/6969705425_0905bf6bba_o.jpg">
 </div>
 <div>
  <h1 class="sticky">Title 2</h1>
  <img data-original="http://farm8.staticflickr.com/7203/6969484613_0ee3af0144_o.jpg">
  </div>
  <div>
  <h1 class="sticky">Title 3</h1>
  <img data-original="http://farm8.staticflickr.com/7207/6821596428_cdae70e306_o.jpg">
  </div>
  <div>
  <h1 class="sticky">Title 4</h1>
  <img data-original="http://farm8.staticflickr.com/7037/6965140403_9fbb5e7f96_o.jpg">
  </div>
  
   <div>
  <h1 class="sticky">Title 4</h1>
  <img data-original="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png">
  </div>
</div>

CSS

img {
  display: block;
  margin-bottom: 200px;
}

JavaScript

$().ready(function(){
	var myLazyLoad = new LazyLoad();

})

  var xax = "http://pop.com/12.png";

var _extends=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(a[d]=c[d])}return a},_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a};!function(a,b){"object"===("undefined"==typeof exports?"undefined":_typeof(exports))&&"undefined"!=typeof module?module.exports=b():"function"==typeof define&&define.amd?define(b):a.LazyLoad=b()}(this,function(){"use strict";var a={elements_selector:"img",container:window,threshold:300,throttle:150,data_src:"xxxa",data_srcset:"originalSet",class_loading:"loading",class_loaded:"loaded",class_error:"error",class_initial:"initial",skip_invisible:!0,callback_load:alert(data_src),callback_error:null,callback_set:null,callback_processed:null},b=!("onscroll"in window)||/glebot/.test(navigator.userAgent),c=function(a,b){a&&a(b)},d=function(a){return a.getBoundingClientRect().top+window.pageYOffset-a.ownerDocument.documentElement.clientTop},e=function(a,b,c){return(b===window?window.innerHeight+window.pageYOffset:d(b)+b.offsetHeight)<=d(a)-c},f=function(a){return a.getBoundingClientRect().left+window.pageXOffset-a.ownerDocument.documentElement.clientLeft},g=function(a,b,c){var d=window.innerWidth;return(b===window?d+window.pageXOffset:f(b)+d)<=f(a)-c},h=function(a,b,c){return(b===window?window.pageYOffset:d(b))>=d(a)+c+a.offsetHeight},i=function(a,b,c){return(b===window?window.pageXOffset:f(b))>=f(a)+c+a.offsetWidth},j=function(a,b,c){return!(e(a,b,c)||h(a,b,c)||g(a,b,c)||i(a,b,c))},k=function(a,b){var c=new a(b),d=new CustomEvent("LazyLoad::Initialized",{detail:{instance:c}});window.dispatchEvent(d)},l=function(a,b){var c=a.parentElement;if("PICTURE"===c.tagName)for(var...