2011-03-30 64 views
0

即时通讯使用图像的SRC,但即时获取缩略图src和需要操作的SRC,以获得全尺寸的图像:从图像中删除文字attr('src');

的Jquery:

$(this).attr('src'); 

这让我:http://local/images/_w/image_jpg.jpg

我需要替换:_w/以获取全幅图片,我如何在jQuery中做到这一点?

+1

不幸的是jQuery的不能做到这一点....但JavaScript可以! :) – 2011-03-30 13:48:21

+0

@Felix你是什么意思jQuery不能这样做? – mcgrailm 2011-03-30 13:50:25

+0

@mcgrailm:我想说的是jQuery仅仅是一个JavaScript库,并不是每个问题都是jQuery问题。但人们似乎认为jQuery与JavaScript不同,它正在做一些神奇的事情。无论如何,jQuery不提供任何字符串操作方法,所以你不能用jQuery替换字符串。 – 2011-03-30 13:52:07

回答

0
<a href="#" class="swap">Swap</a> 
<img class="thumb" src="http://local/images/_w/image_jpg.jpg" /> 

$(document).ready(function(){ 

    $(".swap").click(function(){ 

     var src = $(".thumb").attr("src"); 
     src = src.replace("/_w", ""); 

     $(".thumb").attr("src", src); 
     alert($(".thumb").attr("src")); 
    }); 

}); 

这里是一个example on jsFiddle

1
string.replace('_w/','whatever you want'); 
6
$('#fullImage').attr('src', $(this).attr('src').replace('_w/', '???')); 
0

像这样:

var temp $(this).attr('src'); 

var NewURL = temp.replace("_w/", "derp"); 
0
$(this).attr('src').replace("_w/", ""); 

这是假设你想只删除路径的_w/一部分。否则,用你需要的任何东西替换空字符串。

0

可以使用javacripts的一个极好的字符串操作功能,如replace

var src_fullsize = $(this).attr('src').replace('/_w/','/'); 
0

这不是让jQuery来做到这一点,如JavaScript已经内置了一个replace功能的问题

var v = $(this).attr('src').replace('_w','whatever'); 
$(this).attr('src', v); 
0

这样的

var og_source = $(this).attr('src'); 
var replacement_text = "_big" 
$(this).attr('src',$og_source.replace('_w/',replacement_text)); 
0

您需要用包含大小的字符串替换_w,然后再次设置属性src

$(this).attr('src', $(this).attr('src').replace('_w', '100x100')); 
0

,你可以这样做:

var newImg = $('#myId').attr('src').replace('_w/',''); 
$('#myId').attr('src', newImg);