Jquery最佳案例场景

时间:2009-02-28 17:55:47

标签: javascript jquery image-preloader

我正在为GUI添加一堆图像,这些图像将为我的客户产品选择属性。

最好在开始时预加载所有图像(我猜这需要一些时间)然后让GUI具有完整功能,或者是否可以动态加载图像。

基本上我正在制作图片/海报框架应用程序。我有大约20多个框架可供用户选择,当单击一个框架时,我会在GUI中更改显示框架上的图像。

我正在使用Jquery。对于最佳情况,任何见解都会有所帮助。

如果我要预先加载所有图像,我如何在屏幕上放置其中一个加载条,就像你在Flash中看到的那样,或者像我在Ajax中看到的那样加载gif?

由于

麦克

3 个答案:

答案 0 :(得分:3)

取决于帧图像的大小...如果它们像1 - 2K一样小,我会动态加载图像,否则你可以预加载,但一定要设置标题正确所以只读取一次并从中取出缓存下一次。

至于进度条,我建议你在Ajaxian上查看这篇文章(谈论在jQuery中预加载图片并包含进度条)。

答案 1 :(得分:3)

为什么不两者兼顾?

您可以懒惰地加载图片,但也可以挂钩$(document).ready()来预加载图片。这样,如果用户在预加载之前访问图像,那么它就会进入;如果用户等待的时间足够长,它将是瞬时的。

这种技术在菜鸟滚动等常见的情况下很常见。

答案 2 :(得分:0)

正确的答案取决于很多因素。图像有多大,有多少?是否会在开始时加载所有图像会导致严重滞后?由于Jeff Atwood said效果是一项功能。

我会在性能更好的应用程序方面犯错,而不是预先加载所有内容。