Hintergrund-Bild Zeitversetzte ein- und ausblenden

**zaboon** · 17-07-2009, 19:11

Hallo,

Ich möchte ein Tabellenhintergrund zur bestimmen Zeitpunkt ein- und ausblenden lassen

Es gibt eine Tabelle diese sollte ab bestimmten Zeitpunkt ein Hintergrundbild haben und kann nach einige Stunden durch einen anderen Hintergrundbild ausgetauscht werden. (abwechselnd)

Danke für eure Hilfe

**zaboon** · 18-07-2009, 14:39

kann mir keiner helfen???

**dkdenz** · 18-07-2009, 15:42

Dazu brauchst Du Javascript, weswegen Du hier im falschen Subforum gepostet hast.
Ich verschiebe Deinen Thread ins Javascript-Forum.
Wenn Du gerne bastelst, kannst Du folgendes Script ja umbauen: JavaScripts // Datum // Tageszeit-Begrüssung bei jswelt.de - die java scripte-sammlung in deutsch - alles kostenlos!

**zaboon** · 18-07-2009, 16:02

Ich bin leider nicht so sehr bewandert auf diesem Gebiet.
Gibts da vielleicht ein fertiges Script?
Danke

**Coyboc** · 21-07-2009, 12:19

hab hier mal ein Beispiel mit Farben geschrieben, er ändert im interval von 3 sekunden zwischen 3 Hintergundfarben:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 

"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>tebelle</title>

<script type="text/javascript">
//Das Array mit den Farbcodes:
var tab_color = new Array;
tab_color[1]='#00FF00';
tab_color[2]='#FF0000';
tab_color[3]='#0000FF';

//setzt die zählvariable i, auf eins:
var i=1;

//Die Funktion die für den Farbwechsel sorgt:
function farbe(){

//Die Tabelle wird angesprochen, und die Hintergrundfarbe wird geändert:
document.getElementById('table_farbe').style.backgroundColor = tab_color[i];

//führt die Funktion nach 3 sekunden nochmal aus:
window.setTimeout(function(){farbe();},3000);

//Setzt die Zählvariable i wieder auf 1 zurück wenn 3 erreicht ist:
if(i>=3){i=1}else{i++;}
}

</script>

</head>
<!-- Deine Tabelle -->
<body onload="farbe();">
<table id="table_farbe" border='1'>
	<tr>
		<td>ABC</td>
		<td>DFG</td>
	</tr>
	<tr>
		<td>HIJ</td>
		<td>KLM</td>
	</tr>
</table>
</body>
</html>

Wenn du es jetzt mit Hintergrundbildern machen willst, ersetze, backgroundColor durch backgroundImage, und hinter dem "=" musst du "url(" + tab_color[i] + ")"; schreiben, dann musst du nur noch och im Array die Farebcodes gegen die die bilder URL's ersetzen.

Falls du nochn bisschen was von Javascript verstehste kannst du auch beliebeig viele Bilder reinschreiben.