网页图片预加载用js实现
2010-12-25 20:56
309 查看
在设计网页时,经常会用到背景,比如菜单的背景,当鼠标滑过时,会更换背景,这时如果背景没有预先载入会没有效果或是背景变为其它(这是因为当网页加载完成后,没有用到这个背景图片,于是浏览器便没有在开始时加载,但如果鼠标滑过时,用到这个图片,浏览器便会发出请求,从服务器下载这个图片),影响美观,于是网页图片预加载就显得尤为重要,下面是我从网上找到的一段预加载图片JS代码,很不错,分享一下。
<script>
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("secondimage.gif","thirdimage.gif")
</script>
<script>
var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}
preloadimages("secondimage.gif","thirdimage.gif")
</script>
相关文章推荐
- JS实现网页图片延迟加载[随滚动条渐显]
- js实现网页图片延时加载的原理和代码 提高网站打开速度
- js实现网页图片延时加载 提升网页打开速度
- js实现网页图片延时加载的原理和代码【转】
- js实现网页图片延时加载的原理和代码
- js实现网页图片延时加载的原理和代码 提高网站打开速度
- 网页动态加载图片 通过JS和jquery实现。
- js实现网页图片延时加载的原理和代码
- js实现网页图片延时加载 提升网页打开速度
- js实现图片在div容器内移动的网页特效代码
- JS网页图片按比例自适应缩放实现方法
- JS网页下拉实现自动加载的简单实例
- 原生JS实现最简单的图片懒加载
- 网页中图片轮翻效果(js+jQuery实现)
- JS图片预加载 JS实现图片预加载应用
- JS实现图片预加载无需等待
- As+lightbox+js实现实时加载图片进度
- 网页图片延时加载的js代码
- Jquery.LazyLoad.js修正版下载,实现图片延迟加载插件
- 原生态js实现图片延时加载方法