Динамическое изменение пути изображения для размера экрана

Question

У меня есть ползунок, встроенный в мою веб-страницу, размеры и соотношение которых изменяются для разных размеров экрана. Мне нужны изображения, которые я помещаю в этом слайдере, чтобы изменить его с той же целью. Код, который я does't, кажется, работает, я немного новичок в 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" /> 

Любая помощь было бы очень оценено! M

Answer 1

Изменить это:

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

к этому:

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