當頁面仍在等待遠程圖像時，防止顯示圖像URL

Question

在圖像加載完成之前，它會顯示圖像的URL。

這看起來非常糟糕，尤其當用戶連接速度較慢

舉例：看到第二個圖像，這是仍在加載：

Answer 1

1. 刪除<img tag的「Alt」和「title」屬性。
2. 將圖片的樣式，寬度和高度等於將加載到那裏的最終縮略圖。 （爲此優先創建CSS類）

這2個更改將帶來更好的用戶體驗。

<img src="http://mysite/images/myimg.jpg" style='width:100px;height:100px;' /> 

Answer 2

這就是alt HTML屬性值。

<img src="http://yoursite/path/image.jpg" 
    alt="text to display when no image available"/> 

只需在alt屬性中置入一個空白字符串即可。

這應該是最簡單的，無javascript的方法。