初始化

WebUI/wwwroot/js_custom/loadImage.js

@@ -0,0 +1,30 @@
+// onload是等所有的资源文件加载完毕以后再绑定事件
+window.onload = function () {
+setTimeout(lazyload(imgs), 20);
+}
+
+//// 获取图片列表，即img标签列表
+var imgs = document.querySelectorAll('img');
+function getTop(e) {
+    return e.offsetTop;
+}
+// 懒加载实现 
+function lazyload(imgs) {
+    imgs = document.querySelectorAll('img');
+    for (let i of imgs) {
+        if ($(i).is(':visible') == true) {
+            let trueSrc = i.getAttribute("data-src");
+            if (trueSrc != 'null' && trueSrc != null && trueSrc.indexOf('{{') < 0 && trueSrc.indexOf('}}') < 0) {
+                $(i).removeAttr("data-src")
+                i.setAttribute("src", trueSrc);
+            }
+        }
+    }
+}
+
+
+// 滚屏函数
+window.onscroll = function () {
+    //保证每次取到的为最新的
+    lazyload(imgs);
+}