即時通訊使用圖像的SRC,但即時獲取縮略圖src和需要操作的SRC,以獲得全尺寸的圖像:從圖像中刪除文字attr('src');
的Jquery:
$(this).attr('src');
這讓我:http://local/images/_w/image_jpg.jpg
我需要替換:_w/
以獲取全幅圖片,我如何在jQuery中做到這一點?
即時通訊使用圖像的SRC,但即時獲取縮略圖src和需要操作的SRC,以獲得全尺寸的圖像:從圖像中刪除文字attr('src');
的Jquery:
$(this).attr('src');
這讓我:http://local/images/_w/image_jpg.jpg
我需要替換:_w/
以獲取全幅圖片,我如何在jQuery中做到這一點?
<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
string.replace('_w/','whatever you want');
$('#fullImage').attr('src', $(this).attr('src').replace('_w/', '???'));
像這樣:
var temp $(this).attr('src');
var NewURL = temp.replace("_w/", "derp");
$(this).attr('src').replace("_w/", "");
這是假設你想只刪除路徑的_w/
一部分。否則,用你需要的任何東西替換空字符串。
可以使用javacripts的一個極好的字符串操作功能,如replace
:
var src_fullsize = $(this).attr('src').replace('/_w/','/');
這不是讓jQuery來做到這一點,如JavaScript已經內置了一個replace功能的問題
var v = $(this).attr('src').replace('_w','whatever');
$(this).attr('src', v);
。
這樣的
var og_source = $(this).attr('src');
var replacement_text = "_big"
$(this).attr('src',$og_source.replace('_w/',replacement_text));
您需要用包含大小的字符串替換_w
,然後再次設置屬性src
。
$(this).attr('src', $(this).attr('src').replace('_w', '100x100'));
,你可以這樣做:
var newImg = $('#myId').attr('src').replace('_w/','');
$('#myId').attr('src', newImg);
不幸的是jQuery的不能做到這一點....但JavaScript可以! :) – 2011-03-30 13:48:21
@Felix你是什麼意思jQuery不能這樣做? – mcgrailm 2011-03-30 13:50:25
@mcgrailm:我想說的是jQuery僅僅是一個JavaScript庫,並不是每個問題都是jQuery問題。但人們似乎認爲jQuery與JavaScript不同,它正在做一些神奇的事情。無論如何,jQuery不提供任何字符串操作方法,所以你不能用jQuery替換字符串。 – 2011-03-30 13:52:07