2012-08-25 35 views
0

我在我的网站上的一个图库中有一些高分辨率图像,并且我想要某种类型的动画,如可在ajaxload.info处找到的图像,以在完全显示之前显示我的图像加载。它的一些建议其作为增加这样的事情你的CSS一样简单:大图像的图像加载器动画

img { background:url('../images/ajax-loader.gif') center center no-repeat;} 

那么对于一个这增加了这个背景图片我透明“spacer.gif的”产生的负荷图像中显示出来在我的间隔是。然而,这个“方法”甚至不能用于开始。当我查看高分辨率图像时,他们仍然从上到下加载,而我甚至没有看到loader.gif。任何帮助?我认为这里到处都有关于这方面的信息,但对于我的生活我找不到它。

回答

0

只给一个类的所有高分辨率图像,然后在CSS中使用类名而不是全局img标签来设置背景。

如果您使用jquery加载图像,那么图像将不会从上而下加载,而只会在满载时显示,因此背景加载器图像将可见,并且一旦图像完全加载并显示装载机将被覆盖。这种方法非常有效,因为它非常简单,你可能只是错过了一些东西。

+0

嗯我不知道jquery ...最新最简单的方法来通过jquery加载图像?我知道.load()不适用于缓存图像... – malfy