如何在图像准备好之前显示加载器然后显示它们

时间:2015-04-01 08:26:31

标签: image loader

我目前正在开设一个网站(http://thibaudjourdan.fr/)。在图库中,当您的计算机加载图像时,它实际上会加载到我的屏幕左侧,并且一旦完全加载,就会像它应该的那样在中心显示。我不喜欢这个,有没有办法显示某种装载机而不是图像然后在它准备好后显示它?

我在互联网上看到了一些解决方案,但似乎没有一个能满足我的需求,或者我不会让它起作用,任何人都可以帮忙吗?

谢谢。

2 个答案:

答案 0 :(得分:0)

图像有一个onload事件。这可以用来在完成时显示它

<img src="/path/to/image.jpg" onload="doStuff(this);" />

答案 1 :(得分:0)

你也可以从jQuery管理

 $("img").one("load", function() {
  // do stuff
})