Lazy load: Načtení obrázků při kliknutí na...

Preji hezky vecer,

momentalne pouzivam Lazy Load, shanim radu, jak nacist obrazky v urcitem divu pri kliknuti na odkaz.

Potreboval bych nasledujici: Pokud kliknu na div #odkaz nactou se obrazky ktere budou obsazeny v divu #obrazky

<pre>
$( "#odkaz" ).click(function() {
....
});
</pre>

Dikz za rady

Lazy load: http://www.appelsiini.net/projects/lazyload

Chamurappi:
Ano, i tak by to šlo. Jenže, co se když se bude muset zobrazit například 50 velkých obrázků?
Myslím, že nemá smysl je zobrazovat všechny najednou, ale využít výhod LazyLoad (načítání při srolování), pokud to v tomto případě je technicky možné.

V dokumentaci jsem takové nic nenašel, prohledal jsem snad všechna podobná řešení na bázi LazyLoad, ale žádná touto funkcí nedisponuje.

Chamurappi:
Zavolat inicializaci Lazy Loadu při tomu kliknutí jsi zkoušel?
Nezkoušel, zatím nepřišel na to, jak to provést. Proto jsem založil tento dotaz.

Davex:
Obrázky jsou v schovaném boxu (display:none).
Pokud tedy kliknu na odkaz, box s obrázky se zobrazí (display: block).
To již mám nastavené.

Aktuální situace je následující:
Pokud bych zde použil klasický LazyLoad, tak se obrázky nenačtou, respektive načtou se, ale až tehdy, když pohnu (scroluji) se stránkou.

A zde je ten problém. Proto potřebuji nějakým způsobem aktivovat LazyLoad, pokud kliknu na ten odkaz, tak aby se ty obrázky načetly a já/uživatel si nemusel dělat otázky, proč se dané obrázky nenačetly.

Samozřejmě by to šlo i tím způsobem, jak radí Chamurappi, ale raději bych využil vlastností LazyLoadu (načítání obrázků při srolování pro menší zátěž).

Pokud víte jak na to, budu velmi rád.

Davex:
Diky, urcite vyzkousim.

Jen se trochu obavam toho, ze pokud by nastala situce, kde bych tech boxu mel napriklad 5 (vsechny schovane), predpokladam, ze by to nacitalo automaticky vsechny obrazky ze vsech peti kontejneru ve stejnou dobu. A to by nebylo vubec idealni reseni...

Nebo se mylim?