Mit js/jquery Bilder vorladen

[michey]

Hi

Ich würde gern alle für eine Galerie benötigten Bilder(die erst auf click u. mouseover erscheinen müssen) evt. schon bei einer vorherigen Seite vorladen, damit sie dann sofort angezeigt werden können bei Bedarf.
Geht das?
Hat jemand einen Tip dazu?

Was ich bisher ergoogelt habe, scheint entweder nicht zu funktionieren(für meine Situation), oder es ist "oversized" und für mich unverständlich.

Die Situation in meiner Galerie sieht so aus:

 <div id="gallery">

<a href="../gfx/gallery1/1.jpg" 
inf=" ">
<img src="../gfx/g_gifs/nr1.gif" width="20" height="20" alt=" " /></a> 
<a href="../gfx/th_1/1.jpg"></a>  

...

...

</div>

Die Bilder werden mit jquery ein und ausgefadet, wenn sie aber noch nicht im Cache sind, entsteht eine Verzögerung und der Effekt kommt gar nicht richtig zur Geltung.

[Nightflyer]

Preloading Images with jQuery and JavaScript | Engineered Web

[michey]

Super!
Genau so etwas hatte ich gesucht.
Sieht vielversprechend und verständlich aus.
Vielen Dank!

Bei Unklarheiten frage ich dann gerne nach...

[michey]

Scheint ausgezeichnet zu funktionieren.
Das ein/ausfaden sieht gut aus, vorher sah man (Firefox) beim klicken/mouseover immer zuerst noch das Symbol eines leeren Bildes.

Wenn du oder sonst jemand Lust und Zeit hättet euch das schnell anzuschauen, wäre ich froh um eine kleine Rückmeldung, wie es bei euch aussieht.
Ich selbst habs mit Safari, Firefox und Opera getestet.

>da lang

[Nightflyer]

1a

[Dharokan]

Yep, fluppt schön.

Nur warum kommt auch in der kleineren Voransicht eine Loading-Animation, obwohl die ja auch alle im Voraus geladen wurden? Sicher nur ein Relikt

Gute Nacht!

[michey]

Danke euch fürs anschauen, nehme dann das Relikt noch heraus.

Gute Nacht, ihr Nightflyers.