首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >预加载图像的替代方案

预加载图像的替代方案
EN

Stack Overflow用户
提问于 2013-07-23 20:28:20
回答 2查看 227关注 0票数 1

所以我试着做一个jQuery幻灯片。

我读过许多教程,几乎所有教程都说要使用以下代码的一些变体预加载图像:

代码语言:javascript
运行
复制
imageArray[imageNum++] = new imageItem(imageDir + "02.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "03.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "04.jpg");
imageArray[imageNum++] = new imageItem(imageDir + "05.jpg");

这是好的,如果你有四张幻灯片,但如果幻灯片显示有10或15种不同的幻灯片,这可以大大降低网站的速度。

因此,问题依然存在,我如何才能把所有这些图片送到客户端,而不导致功能大幅度下降呢?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-07-23 20:38:00

您可以尝试只预加载幻灯片中的下一个图像。有用的链接:http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript/

票数 2
EN

Stack Overflow用户

发布于 2013-07-23 20:47:51

实际上,不需要预加载javascript中的图像。这都是关于用户的舒适感。在javascript中预加载图像可以向用户显示一些反馈(加载gif、加载栏、%.)然后对他说:请等一下。否则,他将看不到任何在2或3s (取决于数量和大小的图像)。例如,在包含图像(没有js)的基本html页面中,所有这些都正常工作,但加载页面可能需要一段时间。

这就是为什么jquery (和其他)幻灯片片段使用JS加载。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17820413

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档