微蓝网分享经验,让生活更简单!移动APP免费注册登录

blazy.min.js强制刷新无法加载图片解决方法

阅读:15次 时间:2020-08-03 13:56:06来源:用户
最佳经验
由作者撰写原创经验并推荐置顶

blazy是一个比较小巧,且兼容性很好的懒加载JS代码,不依赖JQ的原生JS代码,可惜的事已经很久不更新了,会有一些问题无法解决,其中强制刷新,会导致部分图片不进行异步加载,我来说一说怎么处理blazy,min,js图片不加载的问题?以下内容是由微蓝经验网用户发布blazy,min,js强制刷新无法加载图片解决方法,希望对于用户有一定帮助,为朋友进行解决疑惑,如若想了解更多相关内容,可以向底部移动了解更多与本教程文章相关解决经验方法!

blazy.min.js强制刷新无法加载图片解决方法
步骤与方法
  1. 1
    github地址:https://github.com/dinbror/blazy

    官方网站:https://dinbror.dk/blazy/

    最新版本:v1.8.2版本


    blazy.min.js强制刷新无法加载图片解决方法
  2. 2

    使用方法如下图。

    blazy.min.js强制刷新无法加载图片解决方法
  3. 3

    官方的dome其实src调用的base64的图片,浏览器处理很快,因此使用base64的一像素图片强制刷新,是不会出现图片不加载的,只有src是URL的情况下,才会出现图片不加载的问题,出现这一个的原因是代码中有一个判断,当图片高度大于0才会执行,当我们强制刷新,有网络延迟时候,浏览器执行速度比加载速度快,所以获取的图片高度为0,导致的图片不加载,有小伙伴说给图片增加alt是可以解决这个问题,但是治标不治本啊,不能保证所有页面img都有alt属性的。

    blazy.min.js强制刷新无法加载图片解决方法
  4. 4

    修改很简单将 “ele.offsetWidth > 0 && ele.offsetHeight > 0”修改成“ele.offsetWidth >= 0 && ele.offsetHeight >= 0”就可以解决强制刷新图片不显示的问题了,如下图blazy.min.js 和 blazy.js的修改方法。

    blazy.min.js强制刷新无法加载图片解决方法
    blazy.min.js强制刷新无法加载图片解决方法
THE END
分享到:
免责声明:本文来自微蓝网用户分享,不代表微蓝网的立场。
作者信息

新手帮助关于我们招聘信息反馈投诉免责声明服务协议最新文章

微蓝网部分素材(图片、视频、音频等)来自于网络,不代表本站立场,以上素材或内容仅代表作者个人观点,因此产生相关问题作者本人负责,本站将不承担任何法律责任! 如有问题请进行侵权投诉

© 2025 VLPOS.com 版权所有 微蓝网 ICP备案号:黑ICP备20003952号-1  黑公网安备 23012602000120号