2011-07-22 24 views
0

我目前正在構建網站的移動版本。限制圖片來自移動版本的網站上的加載

不是一個單獨的域(mobile.example.com),但respnosive方法(使用媒體查詢來加載屏幕大小某些CSS)

不過,我似乎無法弄清楚如何減少「頁面大小」。

我的網站的桌面版本包括一個jQuery滑塊插件,它通過5個相對較大的,高分辨率的圖像幻燈片。我的移動端不包括這一點。但是,這些圖像在移動版本構建時會繼續加載。

我設置它們的顯示屬性設置爲無,但仍加載圖像。

因此,如何能我,無論是通過JavaScript或其他類型的媒體查詢,指定哪些文件應該和不應該被加載?

+0

如果您的網頁動態生成的,你可以根據用戶代理字符串做。但這不是最好的方式。 – Daisetsu

+0

沒有,這就是爲什麼我使用媒體查詢 - 基本上如果屏幕分辨率低於480,我加載一個特定的樣式表。我只是不知道如何不加載頁面上的其他圖像。 –

+2

我能想到這樣做的唯一方法是僅通過JavaScript提供圖像標記和/或src路徑,具體取決於媒體設備。當然,這對於不具有JS的用戶來說會帶來一系列新問題。我認爲提供兩組不同的頁面可能是你唯一的希望。 – skybondsor

回答