image-lazyload/dist/js/demo.js

Loaded images of lazy loading components. Compatible with IE7 + browser.

/*! Project:lazyload, Create:单炒饭 2018.01.23 19:40, Update:单炒饭 2018.02.02 15:35 */ 
!function(){"use strict";var e=[];e.push.apply(e,Sizzle(".img")),e.push.apply(e,Sizzle(".imgBg"));var t=new Lazyload({obj:e,range:100});t.tips=function(e){var t=e.o,i=e.schedule;t.lazy_isEchoTip===undefined&&(t.lazy_isEchoTip=!0,t.lazy_otip=document.createElement("canvas"),t.lazy_otip.className="imgLoadTip",t.lazy_otipText=document.createElement("span"),t.lazy_otipText.className="imgLoadTipText",t.lazy_otipCtx=t.lazy_otip.getContext("2d"),t.lazy_otip.width=60,t.lazy_otip.height=60,t.parentNode.insertBefore(t.lazy_otip,t.nextSibling),t.parentNode.insertBefore(t.lazy_otipText,t.nextSibling));var a=t.lazy_otip,l=t.lazy_otipCtx,o=a.width,n=a.height,p=a.width/2,r=Math.PI/180;l.clearRect(0,0,o,n),l.beginPath(),l.arc(p,p,p,0*r,360*r),l.fillStyle="rgba(57,57,57,0.8)",l.closePath(),l.fill(),l.beginPath(),l.arc(p,p,p-10,0*r,360*r),l.fillStyle="rgba(0,0,0,0.2)",l.closePath(),l.fill();var y=360*i;l.beginPath(),l.moveTo(p,p),l.arc(p,p,p-10,-90*r,(-90+y)*r),l.fillStyle="rgba(176,227,110,1)",l.closePath(),l.fill();var z=parseInt(100*i)+"%";t.lazy_otipText.innerHTML=z,1===i&&t.lazy_isEchoTip&&(t.parentNode.removeChild(t.lazy_otip),t.parentNode.removeChild(t.lazy_otipText),t.lazy_isEchoTip=undefined)},t.init()}();