有沒有辦法替換默認的圖片未加載瀏覽器圖標？

（注意，這並不是指破碎的圖像，因此不是以前提出的問題的重複）。有沒有辦法替換默認的圖片未加載瀏覽器圖標？

我想查找或構建一個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

回答