[JavaScript] grafik beim laden der websiten einblenden

**ghostgambler** · 24.09.2007, 15:48

Fangfrage?

**jahlives** · 24.09.2007, 15:49

Code:

document.getElementById('idDesBildTags').src = '/pfad/zum/bild.jpg';

könntest es ja mal so probieren

**jmc** · 25.09.2007, 11:04

definiere deine Frage bitte einmal etwas genauer, denn so wie sie jetzt daherkommt könntest du genausogut <img src="..."> schreiben

**Jeugen** · 25.09.2007, 14:27

Ich will das wenn beim laden der seite eine grafik erscheint im fordergrund !und wenn die seite komplet geladen ist das sie wieder verschwindet .

**arkos** · 25.09.2007, 14:41

Original geschrieben von Jeugen
Ich will das wenn beim laden der seite eine grafik erscheint im fordergrund !und wenn die seite komplet geladen ist das sie wieder verschwindet .

setz an den anfang der seite ein div was über der seite ist.
am ende der seite lässte du dann ein js ausführen, was das div auf display= 'none' setzt.

willst du auch ein div, was sich über das div legt, solange das bild fürs div läd??

**jahlives** · 25.09.2007, 14:43

willst du auch ein div, was sich über das div legt, solange das bild fürs div läd??

OffTopic:

mmmmh wiedermal div Suppe

Hast recht, an manchen Tagen geht's besser mit OT

**Jeugen** · 25.09.2007, 14:50

Original geschrieben von arkos
setz an den anfang der seite ein div was über der seite ist.
am ende der seite lässte du dann ein js ausführen, was das div auf display= 'none' setzt.

willst du auch ein div, was sich über das div legt, solange das bild fürs div läd??

Und wie mache ich das ?
So lange kann ich javascript noch nicht .

**jahlives** · 25.09.2007, 15:01

Und wie mache ich das ?

Code:

document.getElementById('IDdesDivs').style.display = 'none';

so zum Beispiel.
Du legst dir ein div an (absolute Positionierung inkl Höhe und Breite und display:none via CSS). Dem div gibst du via background-image die Bildressource an. Ein Javascript beim load ruft eine Funktion auf, die den div auf display:block setzt. Diese Funktion könntest du mit dem onload Event des body-Tags verbinden.
In der letzten Zeile vor dem Schliessenden Body-Tag rufst du wiederum eine Fkt auf, die, wie oben gezeigt, den div wieder "unsichtbar" macht.

Gruss

tobi

**Jeugen** · 25.09.2007, 15:04

achso danke

**Jeugen** · 25.09.2007, 15:25

Was funktonirt daran nicht ?

Code:

<script type="text/javascript">
function box(){
document.getElementById('box').style.display = 'none';
}
</script>

**jahlives** · 25.09.2007, 15:29

Was funktonirt daran nicht ?

Sind wir hier deine Debugger, oder was? Kennst du den FireFox? Verwende ihn und schau in die Fehlerkonsole. Was sagt dir diese?
Obiger Code sollte korrekt sein

**PHP-Desaster** · 25.09.2007, 15:36

Ein Javascript beim load ruft eine Funktion auf, die den div auf display:block setzt. Diese Funktion könntest du mit dem onload Event des body-Tags verbinden.

imho wird onload erst aufgerufen, wenn die Seite komplett geladen ist, oder täusche ich mich da?

**jahlives** · 25.09.2007, 15:47

imho wird onload erst aufgerufen, wenn die Seite komplett geladen ist, oder täusche ich mich da?

Also zumindest im IE 6 funzt untenstehender Code

Code:

<html>
<head>
<script type="text/javascript">
<!--
function changeContent(what){
  document.getElementById('text').innerHTML = what;
}
-->
</script>
</head>
<body onload="changeContent('blablabla');">
<div id="text"></div>
</body>
</html>

Gruss

tobi

**arkos** · 25.09.2007, 16:20

OffTopic:

oh, es bahnt sich erneut ein traumtor von arkos an...

@jah... warum willst du dem div via css display: none zuweisen? nur um es beim laden der seite (body) "anknipsen" zu können?
ich würde im css display: block nehmen. dann spare ich mir das einblenden und blende am ende nur noch aus

[JavaScript] grafik beim laden der websiten einblenden