替換圖像的src值並重新呈現頁面

Question

根據條件（例如屏幕分辨率），我希望圖像的src值可以針對頁面上的所有圖像進行更改。如果可能的話，我如何通過jQuery實現這一點？

例如：

對於以上1000（寬度）分辨率，如果我的圖片src讀取src=img/image1.jpg，如何更改這對於不同的分辨率（比如小於1000的寬度）爲src ='lower_img/image1的。 JPG」

（即添加前綴lower到image）

基本上，我保持兩個文件夾img和lower_img和圖像應基於分辨率相應的文件夾拉（圖像的名字都在這兩個文件夾相同）

注：我不需要屏幕分辨率檢測腳本，我只是在尋找圖片src替換部分提前

感謝。

Answer 1

這將在頁面上的所有圖像上添加「lower_」文本。您只需將其添加到瀏覽器大小檢測代碼中即可。

所以，如果瀏覽器具有小於1000的像素寬度：

$('img').attr('src', function(index, source) { 
    return 'lower_' + source; 
});