图片预加载的实现

1. 使用jQuery图片预加载插件Lazy Load

   加载jQuery, 与jquery.lazyload.js
   设置图片的占位符为data-original, 给图片一个特别的标签,比如class=".lazy"
   然后延迟加载: $(‘img.lazy’).lazyload();这个函数可以选择一些参数:
   图片预先加载距离：threshold，通过设置这个值，在图片未出现在可视区域的顶部距离这个值时加载。
   事件绑定加载的方式：event
   图片限定在某个容器内：container

2. 使用js实现图片加载:

   就是new一个图片对象, 绑定onload函数, 赋值url

3. 用CSS实现图片的预加载

   写一个CSS样式设置一批背景图片，然后将其隐藏
   改进: 使用js来推迟预加载时间, 防止与页面其他内容一起加载

4. 用Ajax实现预加载

   其实就是通过ajax请求请求图片地址. 还可以用这种方式加载css,js文件等