Changing backgroun-image dinamically

[amc]

I want to change the background-image from javascript

I get the current one by

att = getComputedStyle(obj,'').getPropertyValue('background-image');

the name of the image has a number in it. I replace just the number by

var newatt = att.replace(new RegExp( "([0-9])", "gi" ),counter);

alert(newatt); gives me the correct new name

but, now

getComputedStyle(obj,'').setProperty('background-image', newatt, 0);

results in nothing to change.....

may I get some help, please?

[JMRKER]

Are you sure you are using JavaScript and not Java?

[mavigozler]

The getComputedStyle() method returns an object of type CSSStyleDeclaration.

While that object does have the .setProperty() method, the .getComputedStyle() method returns only a read-only interface to that object, according to Mozilla. Therefore only "get" (read) methods work, not "set" (write) methods.

I suggest you re-code and try to open the CSSStyleDeclaration object with its read-write interface. Look at the internal and external stylesheets using Javascript, and find your property with information you obtained by .getComputedStyle(), then set it via the r/w interface.

[amc]

thanks. Looks too complicated for me.

I used jQuery instead and just one line of code made the job!