✔ Background-images wechseln

[Merbi]

Hallo,

habe das erste mal was mit Javascript versucht und einen Fehler den ich nicht finde.

Ich möchte das sich die Hintergrundgrafik bei einem Klick ändert.

Javascript:

<script language="JavaScript" type="text/javascript">
<!--
flag=0;
function backgroundImage(){
if (flag==0){
document.getElementById("bg").style.backgroundImage="bg.jpg";
flag=1;
}
else {
document.getElementById("bg").style.color="bg2.jpg";
flag=0;
}
}
//-->
</script>

Div:

<div id="bg" class="background">
Inhalt......
<a href="javascript:changebackgroundImage();">Hintergrundbild wechseln</a>
</div>

CSS:

.background {
	background-attachment: scroll;
	background-image: url(bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

Also bei Klick auf den Link sollte statt des Bildes bg1 das Bild bg2 angezeigt werden.

LG Daniel

 

[Sven Mintel]

Du rufst die Funktion changebackgroundImage() auf...die Funktion heisst aber nur backgroundImage()

 

[Merbi]

Hi,

habe das change weggenommen aber der Bildwechseln funktioniert leider noch nicht.

LG Daniel

 

[ristone]

<script language="JavaScript" type="text/javascript">
<!--
var flag=0;
function backgroundImage(){
if (flag==0){
document.getElementById("bg").style.backgroundImage="url(bg2.gif)";
flag=1;
}
else {
document.getElementById("bg").style.backgroundImage="url(bg.jpg)";
flag=0;
}
}
//-->
</script>

 

[Maik]

Hi.

habe das change weggenommen aber der Bildwechseln funktioniert leider noch nicht.

Fällt dir hier was auf?

function backgroundImage(){
if (flag==0){
document.getElementById("bg").style.backgroundImage="bg.jpg";
flag=1;
}
else {
document.getElementById("bg").style.color="bg2.jpg";
flag=0;
}
}

 

[Merbi]

:--(Danke

Läuft Perfekt.

LG Daniel