javascript - 使用 jQuery 在高分辨率和低分辨率图像之间切换

Question

我的页面上有一个 div，里面有一个图像，单击该 div 就会展开，然后我将图像交换为相应的高分辨率版本。

我正在使用以下内容执行此操作...

$('.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/images/work/hires/”

有人可以推荐一个解决方案吗？

Answer 1

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

改变

 return '' + value;

至

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