![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
图片加载完成
文章平均质量分 71
weixin_zsh
这个作者很懒,什么都没留下…
展开
-
判断图片是否加载完成/图片拼接到页面上后获得图片的宽度和高度出错/如何获得渲染后的图片的宽度和高度
问题:通过拼字符串将图片放到页面上,然后获得图片的宽度和高度,打印出来的图片的高度一直为0。后来发现是由于图片渲染到页面需要一些时间,打印图片的宽度和高度的时候,img标签渲染上去了,但是图片还没有加载完成,导致出现问题。 解决方法:在图片加载完成后再获得图片的宽度和高度 $(window).load(function() { // 图片加载完成后再操作 ... }); 下...转载 2018-12-12 17:43:51 · 454 阅读 · 0 评论 -
图片懒加载 / jquery.lazyload.js的下载、使用
原理:不加载显示区域外的图片,当浏览器滚动使图片进入显示区域时才会进行加载 使用:在src中的是显示的小图,data-original中的是显示的真实的图片 <img src="img/80x70px-01.png" data-original="img/lb2.jpg"> $('img').lazyload(); 学习中文文档: jQuery Lazy Load 图片延...转载 2019-01-29 16:22:01 · 680 阅读 · 0 评论