用Javascript做的图片预加载 运行后发现缓存文件夹那里有些图片没有预加载到 请问是什么问题
发布网友
发布时间：2022-05-15 14:33
共2个回答
热心网友
时间：2022-05-15 16:03
热心网友
时间：2022-05-15 17:21
追答您好 你可以用下 Lazyload图片加载插件 可以到Lazyload官网下载最新的版本：http://www.appelsiini.net/projects/lazyload。
XHTML
首先载入jquery库和lazyload插件：
在body中需要放置图片的区域放置多个要显示的图片。图片越多效果越明显。
注意，每张图片的src属性对应的是一张预定义的图片，就是再真正的图片还没加载的时候的替代图片，我们通常使用1x1的blank.gif图片。真正的图片是由属性data-original指定的，然后还需要设置图片的宽度和高度。
jQuery$(function(){
$("img").lazyload({
effect : "fadeIn"
});
});
和许多插件使用一样，只需要在元素上调用lazyload()即可，现在你就可以看到效果了。Lazyload同样提供了多个参数可设置不同的效果。
threshold：灵敏度，即可以通过设置灵敏度来控制图片的加载，如设置为200，即200像素前加载图片，默认为0，即到达图片边界时才加载。
event：绑定事件，即可以通过绑定click、mouseover或者任意自定义事件来触发图片的加载。默认是当用户滚动到图片窗口时触发图片加载。
effect：设置效果，即可以设置图片加载时的特效，如fadeIn，默认是show。
您还可以设置一个容器里的图片横向或纵向滚动加载效果，不过这个用的少，详情请查看lazyload官网：http://www.appelsiini.net/projects/lazyload
