防止圖像加載在html中

我正在開發一個網站的移動版本，不幸的是由於使用的古老的CMS，我不可能改變或提供頁面的替代模板 - 因此我只有CSS和JavaScript （也許是.htacess）在我的處置。防止圖像加載在html中

我環顧四周，我認爲可能有一種方法可以防止使用jquery加載圖像：Prevent images from loading - 然而，這似乎不起作用（圖像仍然加載。）說了這麼多，懶惰裝載機的東西似乎這樣做，我已經看到它正在使用IRL - 所以我相當肯定有一種方法。

我真的很喜歡將設置.mobileonly類元素在我的HTML和使jquery防止加載他們和任何東西在他們。

任何指針都會很棒，謝謝你們！

乾杯！約翰。

來源

2010-08-26 John Hunt

在我看來，像懶惰加載會爲你做的工作。
對於您不想加載的圖片，您可以放置一個小的默認圖片，並將網址存儲在例如'name'屬性。給它的css類'mobileonly'。風格如你所願。
然後針對非移動訪問者從body.onLoad中調用js函數，該函數使用css類'mobileonly'查找所有imgs，並延遲加載從name屬性中檢索的url。

還要考慮：通常移動設備不僅帶寬較少，而且CPU運行js的能力也較低。因此，所有不在移動設備上運行的js都會使您的網站更快。 :-)

來源

2010-08-26 07:11:21

這是一個聰明的解決方案..我需要給它一些想法，情況有點複雜，因爲我試圖儘可能少的干擾領先網站開發人員..要求他們把網址到名稱屬性可能會有點問，雖然這很可能是最好的方式來做到這一點，因爲似乎幾乎不可能阻止瀏覽器在JavaScript之後加載圖像。還是謝謝！ – 2010-08-26 07:15:11

防止圖像加載在html中

回答

相關問題