HTML Dynamische Hintergrundbilder?

müllman · 26.01.2008, 16:45

Hallo, ich hab mal ne frage, man kann die Hintergrundfarbe seiner Homepage änder.
z.B.

<form name="farbwechsel">
<select onChange="document.bgColor=this.options[selectedIndex].value" name="farbe">
<option selected="selected" value="#FFFFFF">weiss</option>
<option value="#0000FF">blau</option>
<option value="#FFFFA0">braun</option>
<option value="#E9E900">gelb</option>
<option value="#A0A0A0">grau</option>
<option value="#00FF00">gruen</option>
<option value="#A0A0FF">lila</option>
<option value="#FF00FF">rosa</option>
<option value="#C70000">rot</option>
<option value="#000000">schwarz</option>
<option value="#F0F0FA">silber</option>
</select>
</form>

Aber wie mach ich das wenn ich die Farben durch Bilder ersetzen will?
Thx schon mal im voraus!^^

Dome · 26.01.2008, 18:05

Hmm ersetze mal "bgcolor" durch "background" und die einzelnen Hexzahlen durch Dateinamen der Hintergrundbilder...

Mehr Infos:
http://de.selfhtml.org/html/dateiwei...rgrundbild.htm
http://de.selfhtml.org/html/allgemei...tm#hexadezimal

müllman · 26.01.2008, 23:04

Guter Gedanke, aber das hab ich schon aus probiert und wie soll ich das dann genau schreiben?
Weil bei das Hintergrundfarbe spielt es irgendwie eine rolle ob ich "bgColor" oder "bgcolor" schreibe, weil bei "bgcolor" gehts irgendwie nicht mehr...
aber hier mit backgound auch net...

...aber danke für die hilfe^^

müllman · 27.01.2008, 12:05

Oder das auch z.B. Klick Hier

<script language="javascript" type="text/javascript">

</SCRIPT>
<form method="post" name="wechsel">
<table border="0">
<tr>
<td><input type="button" value="weiß" onclick="farbwechsel('#FFFFFF','#005F00','#0000FF')"></td>
<td><input type="button" value="rot" onclick="farbwechsel('#FF0000','#ffffff','#FFFF00')"></td>
<td><input type="button" value="cyan" onclick="farbwechsel('#00FFFF','#ff0000','#000000')"></td>
<td><input type="button" value="grün" onclick="farbwechsel('#00FF00','#000000','#9F0000')"></td>
<td><input type="button" value="gelb" onclick="farbwechsel('#FFFF00','#0000ff','#000000')"></td>
<td><input type="button" value="blau" onclick="farbwechsel('#0000FF','#ffff00','#00FFBF')"></td>
<td><input type="button" value="schwarz" onclick="farbwechsel('#000000','#00ffff','#ffffff')"></td>
<td><input type="button" value="original" onclick="farbwechsel('#000040','#FFFFFF','#e000ff')"></td>
</tr>
</table>
</form>

Das geht auch... aber nicht mit "background".....

Dome · 27.01.2008, 13:37

Hmm ich schau nachher mal danach...

ingozen · 27.01.2008, 14:03

Wie wärs mit ein wenig Eigeninitiative?!

Code:

<select onChange="document.backgroundImage=this.options[selectedIndex].value" name="hintergruende">

Dome · 27.01.2008, 14:48

Zitat:

Zitat von ingozen

Wie wärs mit ein wenig Eigeninitiative?!

Code:

<select onChange="document.backgroundImage=this.options[selectedIndex].value" name="hintergruende">

Ich habs so ähnlich gestern Abend mal probiert, tut sich aber nix...

HTML-Code:

<form name="farbwechsel">
<select onChange="document.backgroundImage=this.options[selectedIndex].value" name="hintergruende">
	<option value="url(1.JPG)" selected>weiss</option>
	<option value="url(2.JPG)">blau</option>
	<option value="1.JPG">braun</option>
	<option value="2.JPG">gelb</option>
</select>
</form>

Muss sich das ganze nicht noch auf document.style beziehen?

Edit:

HTML-Code:

<html>
<head>
<title>Test</title>
</head>
<body>
<form name="farbwechsel">
<select onChange="document.getElementsByTagName('body')[0].background=this.options[selectedIndex].value" name="hintergruende">
	<option value="1.JPG" selected>weiss</option>
	<option value="2.JPG">blau</option>
	<option value="1.JPG">braun</option>
	<option value="2.JPG">gelb</option>
</select>
</form>
</body>
</html>

So gehts auf jedenfall, habs grad getestet!

ingozen · 27.01.2008, 14:54

Zitat:

Zitat von Dome

Muss sich das ganze nicht noch auf document.style beziehen?

Ja, muss es.
Hab ich eben auch übersehen.

Code:

<select onChange="document.style.backgroundImage=this.options[selectedIndex].value" name="hintergruende">

müllman · 27.01.2008, 16:58

wow danke für die vielen antworten!
und es geht^^

HTML-Code:

<form name="farbwechsel">
<select onChange="document.getElementsByTagName('body')[0].background=this.options[selectedIndex].value" name="hintergrund">
	<option value="1.jpg" selected>1</option>
	<option value="2.jpg">2</option>
	<option value="3.jpg">3</option>
</select>
</form>

vielen dank für die mühe, Dome und ingozen!

Dome · 27.01.2008, 17:05

Kein Problem