我正在尝试找到一个图像预加载器脚本.
虽然我发现了一些,但它们都不支持在预加载完成时触发的事件.
有谁知道会这样做的任何脚本或jQuery插件?
希望这个问题适合stackoverflow - 如果没有,请随时将其删除.
我的页面上有一个img标记,它从这个数组中提供不同的源:
preload_image_object = new Image();
var images = new Array();
images[0] = "images/01.jpg";
images[1] = "images/02.jpg";
images[2] = "images/03.jpg";
images[3] = "images/04.jpg";
images[4] = "images/05.jpg";
//Preload images for faster page response
for (var i=0; i < images.length; i++) {
preload_image_object.src = images[i];
};
Run Code Online (Sandbox Code Playgroud)
我一次只显示一个图像,但我发现它们非常大(每个几个megs).我需要这些最初加载,以便当我转到下一个图像时它会出现.目前我正在开发这款产品的iPad略有延迟.
预加载这些图像的最佳方法是什么?
谢谢!
我有这个网页向我展示一些图像和一些图像是在鼠标悬停事件上,因此它们需要时间来显示.我已经通过放置鼠标悬停图像并通过display none属性隐藏它们,将它们放入浏览器缓存并在鼠标悬停时快速显示它.我认为可以通过其他方式将图像插入浏览器的缓存中使用jQuery或其他东西所以我没有必要把图像放在隐藏的形式.
我不知道这是不是一个愚蠢的问题.
请评论.
关心Himanshu Sharma