替换图像的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; 
});