使用jQuery切换高分辨率图像和低分辨率图像

Question

我的网页上有一个div，里面有一个图像，点击div展开后，我将图像转换为相应的hi分辨率版本。

我用下面这样...

$('.work-showcase').click(function(){ 
    if (!$(this).hasClass('active')){ 
     var img = $(this).find('ul li img'); 
     img.attr('src', function(i, value) { 
      return '_includes/images/work/hires/' + value; 
     }); 
    } else { 
     var img = $(this).find('ul li img'); 
     img.attr('src', function(i, value) { 
      return '' + value; 
     }); 

    }; 
}); 

我的问题是最后一部分，但是我需要删除'_includes /图片/工作/员工/“”

能有人推荐一个解决方案？

Answer 1

您需要删除附加路径才能恢复以前的网址，您可以使用replace()删除前缀路径。

变化

return '' + value; 

要

return value.replace('_includes/images/work/hires/', ''); 

Answer 2

var path = '_includes/images/work/hires/'; 
$('.work-showcase').click(function(){ 
    if (!$(this).hasClass('active')){ 
     var img = $(this).find('ul li img'); 
     img.attr('src', function(i, value) { 
      return path + value; 
     }); 
    } else { 
     var img = $(this).find('ul li img'); 
     img.attr('src', function(i, value) { 
      return value.substring(path.length); 
     }); 

    }; 
}); 

这里是关于子（）http://www.w3school.com.cn/js/jsref_substring.asp文档。