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

您需要删除附加路径以恢复上一个网址，您可以使用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);
        });

    };
});

以下是有关substring（）http://www.w3school.com.cn/js/jsref_substring.asp的文档。

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

2 个答案: