使用jQuery更改移動設備的圖像

我正在使用創建社交牆或社交供稿的所有牆的腳本。該腳本能夠過濾社交網絡，並在頂部有圖標。它的效果很好，但在移動設備上，圖標非常小。我曾考慮過使用CSS Media Queries來使它們更大，但這會扭曲圖標，因此我必須用更大的圖標替換圖標。使用jQuery更改移動設備的圖像

問題是腳本正在動態生成代碼，我無法編輯此代碼。生成的代碼看起來是這樣的：

<li class="active f-facebook"> 
    <a data-filter=".dcsns-facebook" data-group="dc-filter" rel="facebook" href="#filter"> 
    <img alt="" src="/images/icons/facebook.png"> 
    </a> 
</li>

我需要的腳本加載，並只對具有一定規模的移動設備後的圖像切換到一個更大的版本。

我不知道該如何嘗試使用jQuery來做到這一點。有人能指出我的方向是正確還是幫助我解決問題？

來源

2013-02-12 L84

您可以檢查是否'$（窗口）.WIDTH（）'小於一定金額，如果是所有相應的圖像源切換到大圖標 – 2013-02-12 04:37:20

我會告訴你使用CSS代替腳本，因爲一些運營商使用它們來禁用他們的移動設備中的JavaScript，並且沒有任何設備與腳本具有相同的行爲。如果您使用CSS，您需要在徽標中添加一個類並按比例設置和/或高度。如果你設置爲例如：40％，你可以設置高度：'自動'。

我希望這可以幫助！

來源

2013-02-12 04:46:04

我能夠把你的想法並使其工作。謝謝。 – L84 2013-02-12 06:51:31

使用媒體查詢也許？它們允許你指定某個設備屬性的css。

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

來源

2013-02-12 04:48:41

使用jQuery更改移動設備的圖像

回答

相關問題