图片的懒加载

懒加载:可以降低服务器压力。也可以节省用户打开网页的时间。

具体表现为,当页面被请求时,只加载可视区域的图片,其它部分的图片则不加载。

思路:将页面里所有img属性src属性用data-src代替,当页面滚动直至此图片出现在可视区域时,用js取到该图片的data-src的值赋给src。

核心代码

img.attr("src", show.attr("data-src")); 

需要引用Jquery


打赏,支持一下

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by WEIXIA.XIN,学的不仅是技术,更是梦想!!!

Davidvivi博客
请先登录后发表评论
  • 最新评论
  • 总共 0条评论