下面这是预加载图像的正确方法吗?
我有一个表格,一旦“选择选项”更改,该表格就会更改背景。 在我的页面正文中,我有以下内容:
<body onload="preload();">
在同一页面上的表格中,我有:
<select onchange="swap();"><option bla bla></select>
还有 js:
function preload(){
pic = new image(720, 65);
pic.src = '../picture.jpg';
}
function swap(){
document.getElementById("table_id_here").style.backgroundImage = '../picture.jpg';
}
在函数 swap() 中,我猜 picture.jpg 文件已经预加载了,对吗?
有什么方法可以检查图像是否实际上已被缓存(预加载)?
最佳答案
通过使用 sprite 或使用 display:none 隐藏图像,使用 CSS 加载图像。那么 js 前端要做的事情就少了一些。
关于javascript - 这是预加载图像的正确方法吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1832228/