css：無顯示。這個很貴嗎？

我決定做通過具有兩個div S，並將它們設置display: none 之一，但在這種情況下，我存儲所有數據兩次讀更多...功能。現在的問題 -css：無顯示。這個很貴嗎？

如果我有一個div元素，具有style="display:none"，其中包含了很多的大尺寸圖像時，它會對網頁打開時間的影響？

來源

2010-04-16 Simon

對於您的先生，只需9.99英鎊。我接受PayPal。 – 2010-04-16 15:36:10

display:none不會阻止隱藏的內容與頁面的其餘部分一起加載。

如果您希望在加載時使頁面變得更輕，則可以通過Ajax按需加載「read more ..」內容。

來源

2010-04-16 15:25:38

@Diodeus但在視覺上，當我嘗試ti加載頁面時，顯示額外的大文件：無div，它打開很容易。爲什麼在這種情況下？ – Simon 2010-04-16 15:32:08

如果您使用的是FireFox，請下載並安裝Firebug插件。 NET選項卡將顯示您正在加載的頁面以及需要多長時間。你將能夠親眼看到這一切。 – 2010-04-16 15:34:34

即使將父div設置爲display: none，圖像也會立即獲取。

如果這不是你的意圖，你不想去與AJAX路線，你可能要插入的圖片到DOM被點擊的read more...按鈕只有當，如下面的例子：

var hiddenDiv = document.getElementById("your-hidden-div-id"); 
var imageToLoad = document.createElement("img"); 

imageToLoad.setAttribute("src", "image1.png"); 

hiddenDiv.appendChild(imageToLoad);

來源

2010-04-16 15:27:15

實際上，如果Opera隱藏，Opera不會加載圖像，以節省頁面加載時間。但所有其他瀏覽器都做AFAIK。 – DisgruntledGoat 2010-04-16 15:35:32

更好/更簡單的解決方案是在頁面上放置圖像標籤，但src URL位於不同的屬性中，例如。 ''，並在準備好加載時使用javascript/jQuery填充src屬性。 – 2011-12-14 00:08:40

css：無顯示。這個很貴嗎？

回答

相關問題