使用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文檔。