有没有办法替换默认的图片未加载浏览器图标？

（注意，这并不是指破碎的图像，因此不是以前提出的问题的重复）。有没有办法替换默认的图片未加载浏览器图标？

我想查找或构建一个IMG包装，它首先显示默认的背景图像从本地缓存之前显示预期的照片，一旦它已经加载，类似于Pinterest所做的（虽然Pinterest更酷，并检测到颜色背景，补充正在加载的图像）。

我有它加载了很多照片的应用程序 - 数以百计的 - 我想使他们的功能，而不是浏览器的丑陋神器加载方式。

那岂不是冷静，如果他们看上去很喜欢这个？

，而不是像这样

可以在做什么？

@zerkms，我把它理解为在建工程，而不是'404'。西蒙，你是什么意思？ – FakeRainBrigand

是的，正在进行中 – metalaureate

我不知道如何将其作为副本关闭。看起来我们在这里有一些触发快乐的人。 – user123444555621

我建议在你的CSS使用SVG background-image。您还可以使用background-size^doc将其缩放以适应您的显示比例。另外，请记住设置您的img的大小（使用CSS或HTML属性），而不是让它使用图像的大小。

首先，你需要一个背景SVG。您可以使用简单的background-image: url(x.svg)语法，或考虑使用数据URL。有一个free tool编码它们。

接下来，你要设置你的背景的大小。如果您的图像查看器具有不同的纵横比，请使您的svg具有相同的比例。然后，告诉它垂直或水平填充。这应该不重要，但在侥幸情况下，我发现垂直更可靠。

background-size: auto 100%; /* Vertical (full height) */ 
background-size: 100%; /* Horizontal (full width) */

现在，当您的图像加载时，将显示background-image。一旦它被加载;它会覆盖背景（假设完全不透明）。

2013-07-07 06:57:46 FakeRainBrigand

我也发现这是非常酷的[http://blog.embed.ly/post/51071740487/pinterest-colored-background-placeholders?source=sendgrid]。 – metalaureate

回答