Bilder "Just in Time" laden?

[x.nobody.00]

Hallo Leute!

Ich möchte eine Bildergalerie erstellen. Das Problem ist, bei einer einfachen Galerie, laden alle Bilder beim Aufrufen der Seite... das ist denkbar ungeeignet^^

deshalb wollte ich mal fragen, ob es vllt. mit JavaScript eine Lösung gibt, die Bilder erst dann zu laden, wenn man sie durch die Navigation aufruft.

Vielen Dank schonmal

[lottikarotti]

Generell ist das möglich, ja.

[x.nobody.00]

Und wie?^^

[Gast]

was heisst bitte "erst dann zu laden, wenn man sie durch die Navigation aufruft"?

ohne eine src attribute im image tag wird gar nichts geladen.

[x.nobody.00]

ich habe eine bildergalerie, bei der alle bilder geladen werden, wenn man die seite aufruft. diese bilder und die navigationsschaltflächen stehen aber auf display:none; und wenn man nun die bildergalerie öffnet, werden sie auf display:block; gesetzt. dann wird nur noch durch die bilder geschalten. ich möchte aber, dass das bild, welches gerade zu sehen ist, erst dann geladen wird, wenn es zu sehen ist.

[Gast]

hab ja nichts von css geposted, oder?

[lottikarotti]

Hallöchen,

dann erstelle die img-Element dynamisch mittels JavaScript. Und zwar dann, wenn die Galerie aufgerufen wird.

Viele Grüße,
lotti

[rudygotya]

Alternativ setze die Bilder per css initial auf visibility:hidden und display:none, dann werden sie erst geladen, wenn sie angezeigt werden sollen.

[kaminbausatz]

Schau mal hier: http://www.appelsiini.net/projects/lazyload