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