找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
查看: 97|回复: 0

JS 预加载问题!!!

[复制链接]

2万

主题

162

回帖

18万

积分

管理员

积分
184732
发表于 2022-9-28 19:30:34 | 显示全部楼层 |阅读模式 IP:山东省青岛市 移动

登录后更精彩...O(∩_∩)O...

您需要 登录 才可以下载或查看,没有账号?立即注册

×
JS 预加载问题!!!


下面代码是经过才加载图片,怎么修改成打开网页就加载图片


[JavaScript] 纯文本查看 复制代码
"use strict";
var BJLL_options = BJLL_options || {}
  , BJLL = {
    _ticking: !1,
    check: function() {
        if (!BJLL._ticking) {
            BJLL._ticking = !0,
            void 0 === BJLL.threshold && (void 0 !== BJLL_options.threshold ? BJLL.threshold = parseInt(BJLL_options.threshold) : BJLL.threshold = 200);
            var e = document.documentElement.clientHeight || body.clientHeight
              , t = !1
              , n = document.getElementsByClassName("lazy-hidden");
            [].forEach.call(n, function(n, a, i) {
                var s = n.getBoundingClientRect();
                e - s.top + BJLL.threshold > 0 && (BJLL.show(n),
                t = !0)
            }),
            BJLL._ticking = !1,
            t && BJLL.check()
        }
    },
    show: function(e) {
        e.className = e.className.replace(/(?:^|\s)lazy-hidden(?!\S)/g, ""),
        e.addEventListener("load", function() {
            e.className += " lazy-loaded",
            BJLL.customEvent(e, "lazyloaded")
        }, !1);
        var t = e.getAttribute("data-lazy-type");
        if ("image" == t)
            null != e.getAttribute("data-lazy-srcset") && e.setAttribute("srcset", e.getAttribute("data-lazy-srcset")),
            null != e.getAttribute("data-lazy-sizes") && e.setAttribute("sizes", e.getAttribute("data-lazy-sizes")),
            e.setAttribute("src", e.getAttribute("data-lazy-src"));
        else if ("iframe" == t) {
            var n = e.getAttribute("data-lazy-src")
              , a = document.createElement("div");
            a.innerHTML = n;
            var i = a.firstChild;
            e.parentNode.replaceChild(i, e)
        }
    },
    customEvent: function(e, t) {
        var n;
        document.createEvent ? (n = document.createEvent("HTMLEvents")).initEvent(t, !0, !0) : (n = document.createEventObject()).eventType = t,
        n.eventName = t,
        document.createEvent ? e.dispatchEvent(n) : e.fireEvent("on" + n.eventType, n)
    }
};
window.addEventListener("load", BJLL.check, !1),
window.addEventListener("scroll", BJLL.check, !1),
window.addEventListener("resize", BJLL.check, !1),
document.getElementsByTagName("body").item(0).addEventListener("post-load", BJLL.check, !1);

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|哩布大模型|Civitai大模型|IP定位|图反推|站长素材|deepseek|即梦视频|阿狗工具|花瓣网|pinterest|php手册|宝塔文档|CyberChef|猫捉鱼铃|手机版|小黑屋|下载狗|IPS|在线工具|分享屋 ( 鲁ICP备2021028754号 )

GMT+8, 2025-5-5 14:33

Powered by 分享屋 X3.5 Licensed

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表