防止逐行（逐行）加载背景图像

Question

我正在寻找一种方法让背景图像（CSS）加载，好像它们一旦加载就出现，而不是“向下滚动”。我宁愿在一次闪光中看到300ms的图像，而不是让它看起来像是一个糟糕的PowerPoint效果。

可以使用的任何技术或特定代码（除了缓存）？

谢谢，

Answer 1

jsfiddle http://jsfiddle.net/9fFKT/3/

$("#bg").hide();
$('#bg').load(function(){

  $('#bg').show();
});

使用jquery，你可以隐藏它，直到它加载并在加载后显示它

Answer 2

基本上你需要在初始加载时隐藏元素，或者在CSS中设置没有背景，通过JavaScript添加图像，然后应用CSS背景和onload事件每个图像。

单靠CSS无法做到这一点。

Answer 3

您可以将图片加载到页面顶部隐藏，因此当您稍后将其放入DOM时，它是一个缓存副本。或者，您可以在其上放置一个隐藏属性，并在300毫秒计时器后，将隐藏关闭。后者将更加确定地执行您想要的操作，但这取决于您的观看者网络速度。

Answer 4

首先，如果你的图像出现在“向下滚动”状态，那么它的图像太重了。

存在不同的程序或网站，以减少您的网络图像（不会丢失质量） 对于样本，Yahoo SMUSH.IT!对此有好处！

之后，我不知道下载后是否存在显示背景图像的方法...可能是在JavaScript ...