CSS achtergrondafbeelding wijzigen met behulp van JavaScript

[Joen]

Ik zou graag een afbeelding die met behulp van CSS wordt getoond willen wijzigen met JavaScipt.
Maar de grote vraag is, met welke atribuutnamen?

In CSS geef je dus zo een achtergrondafbeelding op:

code:

background-image: url('img/menu/bol.gif')

En nub dacht ik dat je in JavaScript het misschien zo zou kunnen wijzigen:

code:

objectnaam.background-image='url(\'img/menu/bol.gif\')'

Maar dat blijkt helaas niet te werken.

Ook

code:

objectnaam.background='url(\'img/menu/bol.gif\')

en

code:

objectnaam.background='img/menu/bol.gif'

en

code:

objectnaam.backgroundimage='img/menu/bol.gif'

en allerlei varianten heb ik geprobeerd, maar niets werkt

Kan iemand mij vertellen wat de juiste manier moet zijn?

[Thijsmans]

code:

document.getElementById('object').style.backgroundImage="url('img.gif')";

basic

[Joen]

I know, maar attribuutnamen emt een streepje dr in worden onder JavaScript altijd anders gezien.
Ik kon er niet opkomen dat "backgroundImage" de juiste moest zijn.
Ik zal het ff proberen.
Thnx anyaways.

[Joen]

Hij lijkt nog niet te doen. Probleem is vooral met de quotes, aangezien het bij een event gebeurd.

Ik dacht dat het zo best kon, maar blijkbaar niet:

code:

<div  id="test" style="background-image: url('img/menu/bol.gif')" onmouseover="this.backgroundImage='url(\'img/menu/dal.gif\')'">

[Thijsmans]

this.style.bgImg, gezien bgImg een attribuut is van de style, niet van de div

[Joen]

Stom!
Dat had ik bij die anderen wel en bij deze net niet. Nu werkt hij inderdaad wel
Hartelijk bedankt allemaal!

[crisp]

/basic dus