使用jQuery如何改變圖像src屬性的HTTP參數返回瀏覽器後的圖像

我得到的圖像標籤，它看起來像這樣使用jQuery如何改變圖像src屬性的HTTP參數返回瀏覽器後的圖像

http://sits-pod18.demandware.net/dw /image/v2/aaen_s31/on/demandware.static/Sites-kerastase-Site/Sites-kerastase-master-catalog/default/v1349421867355/large/Styling/Construct/Mousse_Bouffant_1000x1000.png?sw=226 & sh = 226'， sizingMethod = '比例'）;邊界：無;」 =‘’>

如果我簡化此則HTTP字符串圖像標記看起來像這樣

http://sits-pod18.demandware.net/dw/image/v2/aaen_s31/on/demandware.static/Sites-kerastase-Site/Sites-kerastase-master-catalog/default/v1349421867355/large/Styling/Construct/Forme_Fatale_1000x1000.png?sw=350&sh=350 

http://sits-pod18.demandware.net/dw/image/v2/aaen_s31/on/demandware.static/Sites-kerastase-Site/Sites-kerastase-master-catalog/default/v1349421867355/large/Styling/Construct/Mousse_Bouffant_1000x1000.png?sw=226&sh=226

有讓說，10 -15，這些標籤封裝在一個的div有一類= 「foo」的

我試圖改變SW = 226 & SH = 226使用jquery SW = 350 & SH = 350。

我應該怎樣處理這個？不幸的是，我不能改變圖像在頁面中的顯示方式。如果我能夠d o然後我會去改變圖像標籤的高度和寬度屬性。

讓我知道如果這聽起來令人困惑，那麼我可以嘗試準備一個小提琴來解釋它。最棘手的部分是它在jQuery的1.3.2..which工作是完全堅果

在此先感謝

來源

2013-07-23 soum

嘗試

$('.foo').each(function() { 
    this.src = this.src.replace(/=226/g, '=350'); 
});

來源

2013-07-23 05:19:41 BadgerPriest

嗨獾...我也試過你的解決方案。不能讓它工作。我已經把TJ的解決方案擺在這裏 http://jsfiddle.net/sghoush1/djWbd/2/ – soum

您好蘇姆，這是一個工作版本：http://jsfiddle.net/djWbd/3/ – BadgerPriest

@badger - 我看你做了什麼。尼斯。但不幸的是，我必須使它在jQuery 1.3.2上工作： - （...非常傷心，但我希望我可以改變版本 – soum

這是一個簡單的字符串替換：

img.src = img.src.replace("sw=226&sh=226", "sw=350&sh=350");

...其中img是有問題的HTMLImageElement。

做一堆那些使用jQuery的，你會使用each：

$("selector for the images in question").each(function() { 
    this.src = this.src.replace("sw=226&sh=226", "sw=350&sh=350"); 
});

來源

2013-07-23 05:15:58

我想你的解決方案。我想我在這裏錯過了一些東西。這裏是我的小提琴 http://jsfiddle.net/sghoush1/djWbd/2/ – soum

@soum：是的，你的小提琴缺少jQuery：http://jsfiddle.net/djWbd/5/（我使用的是1.10 ，但任何版本的jQuery都適合上面的代碼）。除此之外，它沒有問題。 –

是的..只是意識到這一點。我認爲我的睡覺時間並沒有考慮到路燈。再次感謝解決方案 – soum

使用jQuery如何改變圖像src屬性的HTTP參數返回瀏覽器後的圖像

回答

相關問題