Hintergrundbild in einer Tabelle ändern

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo Ihr Lieben,

mit HTML komm ich wohl nicht weiter.
Ich hab ein Hintergrundbild in einer Tabelle das fürchterlich lange zum Laden braucht. Nun dachte ich daran ein anderes kleineres Bild vorzuladen, damit der Besucher was zu gucken hat bis das Original geladen ist.
Aber ich weiss halt nicht wie es funktioniert.

Dankeschön
Corinn

Wie kann ich hier mehrere Bilder wechseln lassen?
Wie kann ich hier mehrere Bilder wechseln lassen?
#2 
function baeumchenwechsledich()
 {
 if (!document.getElementById) { return; } //fuer alte browser


 document.getElementById('foo').style.backgroundImage="url(http://www.wer-weiss-was.de/img/naviback.png)";
 }

[baeumchenwechsledich](javascript:baeumchenwechsledich())

abc

#3

Hallo,

erstmal besten Dank (ich kenn mich doch mit JavaScript überhaupt gar net aus)…das hab ich nun alles soweit hinbekommen, dass es mit meinen 2 Bildern klappt. Allerdings dachte ich daran, dass sich erst schnell das eine Bild aufbaut, damits schon mal was zu gucken gibt bis das 2. bild lädt. sobald das 2. bild fertig geladen hat sollte es automatisch das erste ersetzen, also ohne link.
Geht das denn?
Dankeschön Corinne

#4

das hab ich nun alles soweit
hinbekommen, dass es mit meinen 2 Bildern klappt.

na denn…

sobald das 2. bild fertig geladen hat sollte es
automatisch das erste ersetzen, also ohne link.
Geht das denn?

unbedingt.

gruss

#5

dann ist das hinfällig?

#6

dann ist das hinfällig?

jepp, das ist der aufruf um die funktion zu starten. da der aufruf ja dann automatisch erfolgt, sobald das dokuemnt geladen wurde, ist der link obsolet.

#7

jetzt erscheint aber wieder nur das 2. Bild

#8

Hi Corinne,

leider bin ich erst heut’ wieder hier, aber dog.je hat Dir ja schon weitergeholfen.

Statt BODY-OnLoad erweitere das Script einfach wie folgt:

function baeumchenwechsledich()
{
if (!document.getElementById) { return; } //fuer alte browser
document.getElementById(‚foo‘).style.backgroundImage=„url(http://www.wer-weiss-was.de/img/naviback.png))“;
}

setTimeout(„baeumchenwechsledich()“, 5000);

dann wechselt das Bild erst nach 5 Sekunden… (=5000 Milli-Sekunden)

CU (M)ike

#9

warum macht ihr immer noch das ding mit den timeouts?
niemand weiss, ob der nach den 5sec ueberhaupt schon fertig ist mit laden, und ob es das objekt dann ueberhaupt schon gibt!

'tschuldiung, aber das musste mal gesagt werden…

#10

Hi dog.je,

warum macht ihr immer noch das ding mit den timeouts?
niemand weiss, ob der nach den 5sec ueberhaupt schon fertig
ist mit laden, und ob es das objekt dann ueberhaupt schon
gibt!

Corinne wollte ja ein automatisches Laden und nicht mit anklicken.
Wenn M$ die lowsrc-IMG-Option von NSC übernommen hätte wäre das Ganze ja auch ohne JS möglich gewesen.
(Sie hat ja schon interlaced GIF und PNG ausprobiert - hat ihr nicht gefallen. Zu progressive JPEG hat sie sich nicht weiter geäußert).
Und statt 5 Sekunden kann ja auch 'ne viertel Stunde nehmen :wink:

CU (M)ike