- #1
A
AlexD
Bekanntes Mitglied
Themenersteller
- Dabei seit
- 22.05.2001
- Beiträge
- 115
- Reaktionspunkte
- 0
Hallo zusammen,
ich hab ein kleines Problem.
Und zwar hab ich eine kleine Galerie erstellt in der kleine Thumbs angezeigt werden und beim Klicken auf ein Großes wird das entsprechende groß mit einem Fade in -Effekt angezeigt. Um beim anklicken Wartezeiten und nicht funktionierende Fade-in's zu vermeiden, werden die Großen schon beim laden der Seite mit vorgeladen.
Das Vorladen dauert aber ebenfalls ein paar Sekund die man waren sollte bis man loslegt. Da hab ich mir gedacht, ich lass einfach eine <div>-Box einblenden, in der etwas der art Bilder werden geladen, bitte warten.... und sobald alle Bilder geladen sind, verschwindet diese Box auch wieder.
hier mal mein Ansatz, der leider nicht funktioniert.
Ich denke JavaScript schmeißt dem Browser alle Bilder hin, die er zu laden hat und nicht wie ich dachte, das immer erst ein Bild fertig geladen wird und dann ein neuer Schleifendurchgang gestartet wird.
Gibt es denn eine Möglichkeit das zu realisieren??
Google konnte mir hier leider nicht weiterhelfen!
Besten Gruß
Alex
ich hab ein kleines Problem.
Und zwar hab ich eine kleine Galerie erstellt in der kleine Thumbs angezeigt werden und beim Klicken auf ein Großes wird das entsprechende groß mit einem Fade in -Effekt angezeigt. Um beim anklicken Wartezeiten und nicht funktionierende Fade-in's zu vermeiden, werden die Großen schon beim laden der Seite mit vorgeladen.
Das Vorladen dauert aber ebenfalls ein paar Sekund die man waren sollte bis man loslegt. Da hab ich mir gedacht, ich lass einfach eine <div>-Box einblenden, in der etwas der art Bilder werden geladen, bitte warten.... und sobald alle Bilder geladen sind, verschwindet diese Box auch wieder.
hier mal mein Ansatz, der leider nicht funktioniert.
Ich denke JavaScript schmeißt dem Browser alle Bilder hin, die er zu laden hat und nicht wie ich dachte, das immer erst ein Bild fertig geladen wird und dann ein neuer Schleifendurchgang gestartet wird.
Code:
function BilderVorladen()
{
document.Vorladen = new Array();
var anzahl = BilderVorladen.arguments.length;
var t = 0;
document.getElementById(uploadMessage).innerHTML=(<div class=\style_preload\>Bilder werden geladen!!<br><br><img src=\./images/upload.gif\><br><br><strong>Bitte warten...</strong></div>);
if(document.images)
{
for(var i = 0; i < BilderVorladen.arguments.length; i++)
{
document.Vorladen[i] = new Image();
document.Vorladen[i].src = BilderVorladen.arguments[i];
}
}
document.getElementById(uploadMessage).style.display='none';
}
Gibt es denn eine Möglichkeit das zu realisieren??
Google konnte mir hier leider nicht weiterhelfen!
Besten Gruß
Alex