通過javascript改變風格元素中的字符串/ jQuery的

我有這樣的事情：通過javascript改變風格元素中的字符串/ jQuery的

<div id="page16" style="background-image: url(http://domain.domain/GetPageImg.ashx?Type=covered&gPageToken=71510eb3-e241-4c14-8dc7-46c4ee19f35b&nStep=7&nVersion=10&webp=true);"></div>

無論如何，這段代碼基本上獲取覆蓋的圖像。我想將類型更改爲page_img並將圖片重新加載到更新的圖片而不重新加載。我會如何去做這件事？

來源

2014-02-15 Ron Melkhior

？ –

和哪個代碼是？ – sqykly

你必須有一個事件，以改變圖像src ...雖然你不需要重新加載頁面 – Ani

jQuery代碼：

$("#page16").css("background-image","url ("+new_image_path+")");

來源

2014-02-15 15:02:14

我得到了多個page16 div（實際上稱爲pageX，但無所謂），所以我基本上我需要的東西複製當前的網址，然後更改類型。 –

您可以使用任何不是問題的選擇器。你是什麼意思改變類型？它是一個後臺URL，意思是一個用來繪製元素背景的圖像（在這種情況下爲div），如果將URL更改爲另一個，則不同的圖像將顯示爲背景。在這裏查看完整的文檔：http://api.jquery.com/css/ –

這應該做的伎倆：

var el = document.getElementById('page16'); 
var oldImg = el.style.backgroundImage; 
el.style.backgroundImage = oldImg.replace('Type','page_img');

來源

2014-02-15 15:07:34

我假設你有一個按鈕，單擊此之後，背景圖像會改變。像

function changeImage(){ 
    var elem = document.getElmentById('page16'). 
    elem.style.backgroundImage = "url(here is your new image url)"; 
} 

<input type="button" value="change background" onclick="changeImage()" />

您可以調用此功能changeImage()您想要的特定事件。

來源

2014-02-15 15:13:56

使用jQuery：

$('#page16').css('background-image', function(i,v){ return v.replace('covered', 'page_img'); });

你想改變形象的哪個事件背景

來源

2014-02-15 15:27:09 levi

通過javascript改變風格元素中的字符串/ jQuery的

回答

相關問題