Javascript 如何使用jquery为每个加载图像显示加载图标?

Javascript 如何使用jquery为每个加载图像显示加载图标?,javascript,jquery,animation,loading,Javascript,Jquery,Animation,Loading,我想在仍然使用jQuery加载的每个图像的位置显示一个微调器。这是不是太动画片了?总加载量仅为8个图像。我是否应该使用一个微调器,它可以在整个页面上运行,直到加载了最多8个图像,即使其中3个已经完全加载并准备就绪?对于所有8个图像来说,微调器都不是一个坏主意。你不必太担心它,因为它是同一个图像(大概是一个小图像)。浏览器将加载它一次,并对其他七个版本使用缓存版本。我建议使用加载图像作为图像容器的背景图像(CSS)。这样,一旦加载,背景图像就被覆盖了,您不必担心处理每个图像的完整加载。如果我使用加

我想在仍然使用jQuery加载的每个图像的位置显示一个微调器。这是不是太动画片了?总加载量仅为8个图像。我是否应该使用一个微调器,它可以在整个页面上运行,直到加载了最多8个图像,即使其中3个已经完全加载并准备就绪?

对于所有8个图像来说,微调器都不是一个坏主意。你不必太担心它,因为它是同一个图像(大概是一个小图像)。浏览器将加载它一次,并对其他七个版本使用缓存版本。我建议使用加载图像作为图像容器的背景图像(CSS)。这样,一旦加载,背景图像就被覆盖了,您不必担心处理每个图像的完整加载。

如果我使用加载图像作为背景图像,它将不会动画,对吗?它必须是一个连接到load()的微调器才能成功:微调器移除。@TravisJ不,它仍然可以工作。您可以在此处看到一个示例:。请注意,第二个帧只是为了显示加载时的样子,以防您错过第一个帧。这里的来源:Joseph:在我发表评论后,我意识到你说的是一个动画.gif,我实际上是以你在JSFIDLE中指出的相同方式实现的。效果很好,这是一个很好的建议!Thanks@TravisJ不客气。:)很高兴我能帮忙。