Hintergrundbild wechseln
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
ablegen
all
array
auslese
bekannte benutzer
bereich
bild
code
einbinden
funktion
getroffene auswahl
hintergrund
hintergrundbild
kopieren
lesekompetenz
machen
setzen
speichern
wert auslesen
zusammensetzen
-
Ich habe hier ein Code für muss man eine Hintergrundgrafik ändern kann auf einer Websiter das geht ja schon aber dennoch und Grafik soll Spicher seit auf allen seiten könnt ihr mir helfen wie man sowas macht?
<HEAD> <style type="text/css"> #bgi1 { background-image:url(karte_start.png); } #bgi2 { background-image:url(main_bg.png); } </style> <script> function bgi(){ switch(document.body.id) { case 'bgi1': document.body.id = 'bgi2'; break; case 'bgi2': document.body.id = 'bgi1'; break; default: alert("hier stimmt was nich!"); break; } } </script> </HEAD> <BODY id=bgi1 onload="window.setTimeout('bgi()',100);"> <input type=button onclick="bgi()" value=java> </BODY> </HTML> -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Öhm, ich habe jetzt deinen Text fünf mal durchgelesen, aber meine Lesekompetenz reicht nicht aus.
Was möchtest du denn?
Dass es auf all deinen Seiten vorkommt?
Entweder kopieren, einbinden oder alle Seiten mit PHP zusammensetzen.
Dass es immer wechselt?
Dann musst du in deiner JS-Funktion die Zeile
window.setTimeout('bgi()',1000);
hinzufügen.
Beitrag zuletzt geändert: 15.11.2015 23:32:27 von test42test -
Hallo,
ich bin mir nicht sicher, ob ich richtig verstehe, was Du willst.
Falls Du die vom Benutzer getroffene Auswahl eines Hintergrundbildes speichern möchtest, um auf anderen Seiten dann ebenfalls das gewählte Bild als Hintergrund anzuzeigen, solltest Du mal einen Blick auf document.cookie werfen. Im onload-Eventhandler würdest Du prüfen ob der Cookie gesetzt ist, falls dem so ist, seinen Wert auslesen und den Hintergrund dann dementsprechend setzen.
H. -
Wäre es in dem Fall nicht schlauer etwas mit PHP zu schreiben und mit der random-Funktion und einem Array die Hintergründe zu wählen. Oder wenn der User sie auswählt, könnte man Cookies setzen in dem die ID aus dem Array als Session oder limitierter Cookie gesetzt wird, das wär auf jedenfall sauberer als JavaScript denk ich mal ;)
-
Es stellt sich die Frage ob es darum geht, dass bereits bekannte Benutzer (sprich diejenigen mit Account) diese Funktion nutzen können. Dann würde ich einfach
1. das Hintergrundbild zum Benutzereintrag in einer Datenbank speichern.
2. Beim Anmelden das Bild auslesen
3. Im Head-Bereich der Seite dem body mittels CSS das Hintergrundbild zuweisen
Nur mit Javascript geht es allerdings auch.
1. Cookie ablegen mit Hintergrundbild-Information
2. Cookie auslesen
3. Im Head-Bereich der Seite dem body mittels CSS das Hintergrundbild zuweisen
So ungefähr :D -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage