注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的变更的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Internet Explorer或Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5
- Opera:按 Ctrl-F5。
/* <pre> */ /** * ------------------------------------------------------------------------- * !!! DON'T MODIFY THIS PAGE MANUALLY, YOUR CHANGES WILL BE OVERWRITTEN !!! * ------------------------------------------------------------------------- */ var _addText = '{{GHIACode|page=GHIA:MoegirlPediaInterfaceCodes/blob/master/src/gadgets/jQueryLazyload/MediaWiki:Gadget-jQueryLazyload.js|user=[[U:AnnAngela]]|longId=ab98e4e2a6b4eedf3476d9fc469265eccc0ae143|shortId=ab98e4e|message=refactor: Use eslint `logical-assignment-operators` rule}}'; "use strict"; var __read = (this && this.__read) || function (o, n) { var m = typeof Symbol === "function" && o[Symbol.iterator]; if (!m) return o; var i = m.call(o), r, ar = [], e; try { while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value); } catch (error) { e = { error: error }; } finally { try { if (r && !r.done && (m = i["return"])) m.call(i); } finally { if (e) throw e.error; } } return ar; }; var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) { if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) { if (ar || !(i in from)) { if (!ar) ar = Array.prototype.slice.call(from, 0, i); ar[i] = from[i]; } } return to.concat(ar || Array.prototype.slice.call(from)); }; var __values = (this && this.__values) || function(o) { var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0; if (m) return m.call(o); if (o && typeof o.length === "number") return { next: function () { if (o && i >= o.length) o = void 0; return { value: o && o[i++], done: !o }; } }; throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined."); }; (function () { var defaults = { src: "data-src", srcset: "data-srcset", selector: ".lazyload", root: null, rootMargin: "0px", threshold: 0 }; var extend = function (_deep) { var e_1, _a; var _args = []; for (var _i = 1; _i < arguments.length; _i++) { _args[_i - 1] = arguments[_i]; } var extended = {}; var deep = typeof _deep === "boolean" ? _deep : false; var args = __spreadArray(__spreadArray([], __read(typeof _deep !== "boolean" ? [_deep] : []), false), __read(_args), false); var merge = function (obj) { for (var prop in obj) { if (Object.prototype.hasOwnProperty.bind(obj)(prop)) { if (deep && Object.prototype.toString.bind(obj[prop])() === "[object Object]") { extended[prop] = extend(true, extended[prop], obj[prop]); } else { extended[prop] = obj[prop]; } } } }; try { for (var args_1 = __values(args), args_1_1 = args_1.next(); !args_1_1.done; args_1_1 = args_1.next()) { var obj = args_1_1.value; merge(obj); } } catch (e_1_1) { e_1 = { error: e_1_1 }; } finally { try { if (args_1_1 && !args_1_1.done && (_a = args_1["return"])) _a.call(args_1); } finally { if (e_1) throw e_1.error; } } return extended; }; var LazyLoad = (function () { function LazyLoad(images, options) { this.settings = extend(defaults, options || {}); this.images = images || document.querySelectorAll(this.settings.selector); this.observer = null; this.init(); } LazyLoad.prototype.init = function () { if (!window.IntersectionObserver) { this.loadImages(); return; } var self = this; var observerConfig = { root: this.settings.root, rootMargin: this.settings.rootMargin, threshold: [this.settings.threshold] }; this.observer = new IntersectionObserver(function (entries) { Array.prototype.forEach.bind(entries)(function (entry) { if (entry.isIntersecting) { self.observer.unobserve(entry.target); var src = entry.target.getAttribute(self.settings.src); var srcset = entry.target.getAttribute(self.settings.srcset); if ("img" === entry.target.tagName.toLowerCase()) { if (src) { entry.target.src = src; } if (srcset) { entry.target.srcset = srcset; } } else { entry.target.style.backgroundImage = "url(".concat(src, ")"); } } }); }, observerConfig); Array.prototype.forEach.bind(this.images)(function (image) { self.observer.observe(image); }); }; LazyLoad.prototype.loadAndDestroy = function () { if (!this.settings) { return; } this.loadImages(); this.destroy(); }; LazyLoad.prototype.loadImages = function () { if (!this.settings) { return; } var self = this; Array.prototype.forEach.bind(this.images)(function (image) { var src = image.getAttribute(self.settings.src); var srcset = image.getAttribute(self.settings.srcset); if ("img" === image.tagName.toLowerCase()) { if (src) { image.src = src; } if (srcset) { image.srcset = srcset; } } else { image.style.backgroundImage = "url('".concat(src, "')"); } }); }; LazyLoad.prototype.destroy = function () { if (!this.settings) { return; } this.observer.disconnect(); this.settings = null; }; return LazyLoad; }()); window.lazyload = function (images, options) { return new LazyLoad(images, options); }; if (window.jQuery) { jQuery.fn.lazyload = function (_options) { var options = _options || {}; options.attribute || (options.attribute = "data-src"); new LazyLoad(this.toArray(), options); return this; }; } })(); /* </pre> */