通过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的

回答

相关问题