1

所以我正在尝试制作一个 jQuery 幻灯片。

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

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 张不同的幻灯片,这会大大降低网站的速度。

所以问题仍然存在,我怎样才能将所有这些图片都提供给客户,而不会导致功能如此大的下降?

4

2 回答 2

2

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

于 2013-07-23T20:38:00.157 回答
0

实际上,您不需要在 javascript 中预加载图像。这一切都与用户的舒适度有关。在 javascript 中预加载图像使您能够向用户显示一些反馈(加载 gif、加载条、%...)并向他说:请稍等几秒钟。否则,他将在 2 或 3 秒内什么也看不到(取决于图像的数量和大小)。例如,在带有图像(没有 js)的基本 html 页面中,一切正常,但加载页面可能需要一段时间。

这就是 jquery(和其他)幻灯片片段使用 JS 加载的原因。

于 2013-07-23T20:47:51.807 回答