动态更改屏幕大小的图像路径

Question

我的网页内置了一个滑块，尺寸和比例会根据不同的屏幕尺寸而变化，我需要在此滑块内放置的图像也会因同一目的而改变。我所拥有的代码似乎并没有起作用，我是jQuery的新手并且已经将它拼凑在一起但我认为它基本上非常接近于功能......

<script>
$(document).ready(function() {  
if($(window).width() < 1600 && $(window).width() > 1440){  
$(".replaceimg").attr("src", $(this).attr("src").split(".").join("_1600."));

}

});
</script>


<img class="replaceimg" src="images/SC.png" alt="image desc" />

非常感谢任何帮助！ 中号

Answer 1

改变这个：

$(".replaceimg").attr("src", $(this).attr("src").split(".").join("_1600."));

到此：

$(".replaceimg").attr("src", $(".replaceimg").attr("src").split(".").join("_1600."));