Bilderverzeichnis vorausladen mit for Schleife (Javascript)

00eraser00

Hi ich möchte Bilder aus einem Verzeichnis vorausladen und habe dazu folgendes versucht.

function laden(){

for (i=1; i<20; i++) {
x=i;
i = new Image();
i.src = "bilder/cg"+x+".gif";
}
}

Die bilder heißen z.b. cg1.gif cg2.gif usw.
Nun möchte ich, dass er i als variable nimmt und das ich nicht für jedes bild, alles neu erstellen muß, d.h.

im ersten schleifendurchlauf, macht er:

1=new Image();
1.src="..."

im zweiten

2=new Image();
2.src="..."

usw.

aber das klappt nicht, woran liegt es? kann eine zahl keine variable sein?
könnte ich dann einen string mit dem i verknüpfen und dadurch ne variable erstellen lassen? also wie zum beispiel var test+i = new Image()

bin für tipps sehr dankbar

00eraser00

habe es so gelöst:

function laden2()
{
preImages = new Array(20);

for (i = 0; i < 20; i++) {
preImages[i] = new Image();
preImages[i].src = "bilder/cg"+i+".gif";
}
}

und das funktioniert auch, habe jetzt aber ein anderes problem
ich lasse per javascript html code erzeugen, welcher bilder enthält
wie kann ich nun auch diese vorausladen?
mit document.images kann ich diese nicht ansprechen, da der code ja erst während der nutzung erzeugt wird

driver

schau dir mal den thread an: https://www.forum-hilfe.de/viewtopic.php?t=36221

dort kommt im unteren teil dann die möglichkeit via js html-code zu erzeugen
(document.getElementById....)

00eraser00

wie ich html per js erzeuge, das habe ich schon
aber die document.images.length fkt. zählt bei mir die bilder nicht, welche sich im javascript befinden
weißt du was ich meine?

ich habe ne html datei, in welcher ich per javascript funktion html code erzeugen lasse, welcher bilder enthält, das geht auch prima
aber wie kann ich jetzt von der html datei außerhalb die bilder im html code zählen lassen welcher erst erzeugt wird?

synaptic

kann ja auch net.. die bilder werden erst durch das javascript in die seite eingefügt... ergo kann document.images.length(); erst aufegrufen werden, wenn die komplette seite geladen ist!
mach nen button ans ender der page ...
<button onclick="alert(document.images.length)">anzahl der bilder</button>

ps um die schleife kann ich mich erst später kümmern!

driver

ähm... gibt doch den schönen befehl <body onload...>...

wird der ausgeführt wenn die seite vollständig geladen wurde
oder wenn se gerade geladen wird ?

synaptic

ja aber dann kommt der alert direkt.. so nur on demand...

ach jo die schleife.. habs grad mal dazwischengeschoben.. bin grad in nem projekt..!

Code

function laden(){
var i = 1;
var bilder = new Array();
for (i; i<20; i++) {
biler[i]= new Image();
bilder[i].src = "bilder/cg" + i + ".gif";


}
}

probiere es mal so...
dein ansatz war schon die richtige richtung!
wenn du noch fragen hast einfach posten!

driver

du musst ja kein allert machen. kannst ja auch mit nem document.write
verknüpfen. je nachdem wozu er halt die information benötigt...

synaptic

stimmt^^ aber ich bin halt gewohnt alerts zu machen, die mir dann alles anzeigen... denn so wird das layout der site net verändert....

eine zusätzliche zeile kann schon wieder alles schrotten...

K.Y.L.T.

Es könnte beim Onload auch ein paar Probleme geben, wenn die Inhalte erst danach dynamisch erzeugt werden, oder irre ich mich jetzt?

synaptic

dürfte eigentlich nicht, da die onload-funktion erst ausgeführt wird, wenn die komplette seite geladen wurde... nur bei onunload wird die funktion ausgeführt, bevor die seite "geschlossen" wird

00eraser00

der html code mit den enthaltenen images wird erst erzeugt, wenn ich auf ein wort klicke, d.h. ich klicke auf einen link und dann wird die box mit den bildern erzeugt, ein onload bringt daher nix, da wie gesagt dieser teil erst durchs klicken erzeugt wird, wie kann ich da nun alle bilder einlesen ohne dass diese bild1 bild2 usw. heißen, dann ginge es ja mit meiner schleife, da die bilder aber alle aussagefähige namen brauchen geht dies nicht

Tags