在jQuery中追加文件名

我在一个站点上有一个图像，我想在特定大小下更改其文件名/源。我有它的工作，但它的错误-见下面的代码

如果原始文件名为example.jpg，则此选项效果良好，但是如果原始文件名为example.jpg，则此选项将失效example@2x.jpg-我在网站上使用retinaJS-因此，当一台宽幅移动设备加载页面时，它会将example.jpg文件呈现为example@2x.jpg-但是当切换到纵向时-问题发生了，因为我的代码没有重命名example@2x.jpg以身作则_mobile@2x.jpg...

我想我需要在第一节中使用第二条语句来重命名以@2x.jpg结尾的文件，以便成为示例_mobile@2x.jpg-目前，它们被重命名为example@2x_mobile@2x.jpg哪个是错误的

有什么想法吗？我被难住了

function endsWith(str, suffix) {
return str.indexOf(suffix, str.length - suffix.length) !== -1;
}

var clientsLIControl = function() {

var windowSizeClients = $(window).width();


    //if (windowSizeClients <= 480) {
    if (windowSizeClients <= 568) {

     $("div.nivoSlider img").each(function() {
         if (!endsWith($(this).attr('src'), '_mobile@2x.jpg')) {
        $(this).attr('src', $(this).attr('src').replace(/\.jpg/, '') + '_mobile@2x.jpg');
         }

    //call div resizer
    resizeDiv();     

     });

     $("div.heroElementWrapper img").each(function() {
         if (!endsWith($(this).attr('src'), '_mobile@2x.jpg')) {
        $(this).attr('src', $(this).attr('src').replace(/\.jpg/, '') + '_mobile@2x.jpg');
         }

    //call div resizer
    resizeDiv();    

     });

    }

    //else if (windowSizeClients >= 481) {
    else if (windowSizeClients >= 569) {

     $("div.nivoSlider img").each(function() {
         if (endsWith($(this).attr('src'), '_mobile@2x.jpg')) {
        $(this).attr('src', $(this).attr('src').replace(/\_mobile@2x.jpg/, '') + '.jpg');
         }

    //call div resizer
    resizeDiv();    

     });

     $("div.heroElementWrapper img").each(function() {
         if (endsWith($(this).attr('src'), '_mobile@2x.jpg')) {
        $(this).attr('src', $(this).attr('src').replace(/\_mobile@2x.jpg/, '') + '.jpg');
         }

    //call div resizer
    resizeDiv();    

     });          

     }      


};

clientsLIControl();

$(window).resize(function() { clientsLIControl(); });
$(window).load(function() { clientsLIControl(); });
$(document).ready(function() { clientsLIControl(); });

函数endsWith（str，后缀）{
返回str.indexOf（后缀，str.length-suffix.length）！=-1；
}
var clientsLIControl=函数（）{
var windowSizeClients=$（window.width（）；
//如果（windowSizeClients=569）{
$（“div.nivoSlider img”）。每个（函数（）{
if（endsWith（$（this）.attr（'src'），'_mobile@2x.jpg')) {
$（this.attr（'src'），$（this.attr（'src'）。替换(/\_mobile@2x.jpg/，“）+”.jpg'）；
}
//调用div大小调整器
resizeDiv（）；
});
$（“div.herolementwrapper img”）。每个（函数（）{
if（endsWith（$（this）.attr（'src'），'_mobile@2x.jpg')) {
$（this.attr（'src'），$（this.attr（'src'）。替换(/\_mobile@2x.jpg/，“）+”.jpg'）；
}
//调用div大小调整器
resizeDiv（）；
});          
}      
};
clientsLIControl（）；
$（窗口）.resize（函数（）{clientsLIControl（）；}）；
$（window.load（函数（）{clientsLIControl（）；}）；
$（document）.ready（函数（）{clientsLIControl（）；}）；

HTML是

<img id="HeroElementBGImage" title="example" alt="example" src="assets/images/heros/example.jpg">

<img id="HeroElementBGImage" title="example" alt="example" src="assets/images/heros/example@2x.jpg">

如果在视网膜设备上使用的话，会变成