2011-03-30 83 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);