用javascript替换部分文件名

Question

我想基于屏幕大小加载不同的图像，并且想用javascript替换文件名中的文本会优雅地完成这个技巧，只要我已经正确命名相应的图像。我已经接近这一点了，但是一定不能把它切掉。

http://jsfiddle.net/B7QhZ/2/

使用Javascript：

if ($(window).width() > 960) {
    $("div:contains(_small.jpg)").html(function (i, currentVal) {
        return currentVal.replace("_small.jpg", "_large.jpg");
    });
}

HTML：

<img src="...test-image_small.jpg" />

正如你可以在我的小提琴中看到的那样，我已经开始研究文本，而不是文件名。

ps - 我特意不要想要在媒体查询的课程中将图片作为背景图片加载。

Answer 1

完成功能：

if ($(window).width() > 960) {
    $("img[src$='_small.jpg']").each(function() {
        var new_src = $(this).attr("src").replace('_small', '_large'); 
        $(this).attr("src", new_src); 
    }); 

} else {
    alert('Less than 960');
}

Answer 2

  

我想根据屏幕尺寸加载图片

将width height的{​​{1}}和CSS设置为100％

CSS

div

JSFiddle