最近一个项目,首页图片太多,便在网上找资料搜寻解决方法,搜集了一些方法,并进行了封装。

最简单的方法是把图片的src值放在一个数组中,用for循环对数组进行遍历,创建图片对象并将遍历的src值加到图片对象的src属性上,之后在写一个onload的回调函数就可以使用图片对象了。demo代码如下:

用法:

  1. 引入jquery库和以上代码
  2. $.progress(imgs, opts)
  3. 具体看实例github

鸣谢

Alex Wang老师的教程

原文:大专栏  封装了个图片预加载 · KYLE'S BLOG


02-13 01:24