虛擬img src沒有瀏覽器警告

Question

我已經爲我的網站構建了一個燈箱。就這個問題而言，它由一個img元素組成，默認情況下它使用CSS隱藏。

當點擊我網站上的縮略圖圖像時，img元素的src將被覆蓋，並使用javascript和相應的路徑，然後使img變爲可見。

我的問題是，當頁面第一次加載時，我該如何設置img src？ 如果我將src留空，我會收到瀏覽器警告。 我不希望加載實際圖像，因爲它使用帶寬。 我不想加載1px的小透明圖像，因爲這感覺像一個骯髒的黑客。

我還有其他的選擇嗎？

Answer 1

使用JavaScript創建img元素。

如果某些標記（超出偶然的佔位符div或跨度）在某些JS運行之前爲用戶添加了任何內容，則不要將其置於標記中。在需要時添加DOM操作。