Hintergrundbild austauschen

[gilldex]

Hallo zusammen!

Ich möchte auf meiner Homepage die Möglichkeit einbauen den Hintergrund der Page per Klick auf ein Text zu wechseln. Die einzige Lösung dafür wird wohl JavaScript sein. Ich hab auch schon mal zum Test etwas gemacht.

Mein CSS File:

body 
{
background-color: White;
}
body.HG1
{
background-image: url(layout/background_small1.gif);
}
body.HG2
{
background-image: url(layout/background_small2.gif);
}
body.HG3
{
background-image: url(layout/background_small3.gif);
}

Und dann die Stelle im HTML File mit der ich den Hintergrund wechseln will:

<a onClick="document.getElementsByTagName('body')[0].className+=' HG1'">HG1</a>
<a onClick="document.getElementsByTagName('body')[0].className+=' HG2'">HG2</a>		
<a onClick="document.getElementsByTagName('body')[0].className+=' HG3'">HG3</a>

Wenn man dort auf den Text HG1, HG2, oder HG3 klickt erscheint auch der Hintergrund. Doch leider nur ein einziges mal. Will ich mehrmals hin und her wechseln geht das nicht.
Kenne mich leider nicht so gut aus mit JavaScript um das was zu machen. Kann mir jemand helfen?

Danke

 

[con-f-use]

Versuch's mit:

<a href="#" onclick="
    window.document.getElementsByTagName('body')[0].background 
        = 'layout/background_small2.gif';
    return false;
" >
    Hintergrundbild wechseln
</a>

Das "return false" ist dafür da, dass der Link nicht aufregerufen wird, die Seite also nicht reloaded.

 

[Sven Mintel]

lasse mal das + in den Anweisungen weg.