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

使用方法如下图。

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

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







微蓝网部分素材(图片、视频、音频等)来自于网络,不代表本站立场,以上素材或内容仅代表作者个人观点,因此产生相关问题作者本人负责,本站将不承担任何法律责任! 如有问题请进行侵权投诉
© 2025 VLPOS.com 版权所有 微蓝网 ICP备案号:黑ICP备20003952号-1
黑公网安备 23012602000120号