如何使用jQuery显示每个加载图像的加载图标?

问题描述:

我想在使用jQuery加载的每个图像的位置显示一个微调器。这是太多的动画?总载入量只能是8张图片。我是否应该使用整个页面的微调器,直到最多8个加载完毕,即使其中3个已完全加载并准备好已经加载?如何使用jQuery显示每个加载图像的加载图标?

对于全部八幅图像,微调并不是一个坏主意。你不必担心它,因为它是相同的图像(可能是一个小图像)。浏览器将加载一次,并为其他七个版本使用缓存版本。我建议使用加载图像作为图像容器的背景图像(CSS)。这样,一旦加载完成,背景图像就会被覆盖,您无需担心为每个图像处理完整的加载。

+0

如果我使用加载图像作为背景图像,它不会动画,但是?它必须是一个微调器连接到一个负载()成功:移除微调。 – 2012-01-05 20:00:13

+0

@TravisJ不,它仍然会工作。你可以在这里看到一个例子:http://jsfiddle.net/ejV2q/show。请注意,第二个框架仅仅是为了显示如果你错过第一个框架,它会是什么样的加载。来源:http://jsfiddle.net/ejV2q/ – 2012-01-05 20:29:15

+0

约瑟夫:我意识到后,我评论说,你在谈论一个动画.gif,我实际上以你在jsfiddle中指出的相同的方式实现。工作很好,这是一个很好的建议!谢谢 – 2012-01-05 20:52:35