nicht angemeldet
Hintergrundbilder laden
Hallo noch mal
Ihr habt mir alle schon sehr viel weitergeholfen! Jetzt hab ich nur noch ein Problem. Ich kann jetzt bei jedem Neustart verschiedene Bilder laden aber wie ich den Hintergrund lade, hab ich noch nicht rausgefunden, anbei mein Quelltext.
Ich hoffe mir kann einer helfen!
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
// Array anlegen zum aufnehmen des dateipfades
var pic = new Array();
// Pics im Array mit pfad speichern
// hier fügst du einfach deine pfade ein und wenn du mehr splash hast machst einfach weiter
pic[0]=new Image();
pic[0].src="menu4.gif";
pic[1]=new Image ();
pic[1].src="menuneuverlauf.jpg"
pic[2]=new Image ();
pic[2].src="menuneu111.jpg";
// die funktion zum laden des zufälligen splash
function random_splash ()
{
// zufallszahl generieren die zahl musst du letzte zahl (die 2) musst du erhöhen anzahl der splash - 1
var zu = Math.random()*2;
// runden der zufallszahl (random erzeugt wilde zahlen z.b. 1.37037832744449 und das wird gerundet
zu = Math.round(zu);
// laden des splash
window.document.images[0].src=pic[zu].src;
}
</SCRIPT>
<TITLE>Homepage</TITLE></HEAD>
<!-- beim aufruf der site wird automatisch durch ONLOAD das script ausgeführt -->
<BODY BGCOLOR="#FFFFFF" ONLOAD="random_splash()">
<p><IMG SRC="splash_1.jpg">
</BODY></HTML>
Für eure Hilfe bin ich euch sehr dankbar
Christian
-
Hi Christian,
Ich kann jetzt bei jedem Neustart verschiedene Bilder laden aber wie ich den Hintergrund lade, hab ich noch nicht rausgefunden, anbei mein Quelltext.
<SCRIPT LANGUAGE="JavaScript">
Bitte schreib an dieser Stelle <script type="text/javascript">.
window.document.images[0].src=pic[zu].src;
Du willst ein Hintergrundbild einbinden. Um dies in einer komfortablen Weise zu tun, solltest du CSS nutzen. Das Kapitel zu Hintergründen findest du hier:
http://selfhtml.teamone.de/css/eigenschaften/hintergrund.htmJetzt musst du nur noch deinem Body-Element das von dir gewünschte Hintergrundbild verpassen. Zunächst musst du erstmal entscheiden, welchem Element, in deinem Fall dem Body. Um auf ein Element zuzugreifen, steht dir u.a. die Methode getElementsByTagName() zur Verfügung:
http://selfhtml.teamone.de/javascript/objekte/document.htm#get_elements_by_tag_nameWie dein Element heißt, weißt du ja, also ergibt das Ganze in Kombination:
getElementsByTagName("body")[0] (es gibt das Element nur einmal)Mit Hilfe des dir bekannten style-Objektes und der Liste der möglichen CSS-Eigenschaften kannst du also dein Hintergrundbild dynamisch einbinden.
Das Ganze könnte dann etwa so aussehen:
function random_splash() {
[...]
var hintergrund;
hintergrund = "url(" + pic[zu] + ")";
document.getElementsByTagName("body")[0].style.backgroundImage = hintergrund;
}Viele Grüße
Torsten -
Grmpf,
der Ursprungsthread steht ja noch in der Hauptdatei, poste also bitte nächstes mal dort weiter.
Viele Grüße
Torsten