Jak to działa - dynamiczne ładowanie zdjęć.

0

Jak to działa - na youtube w trybie Cosmic panda - , gdy puścisz film, i następnie zjeżdząsz na komentarze, to avatary ładują się dynamicznie - czyli po prostu jak daleko zjedziesz przeglądarką na dół, to do tego miejsca zostaną załadowane obrazki. Może ktoś podać jakieś linki lub z czym to zjeść?

0

Nie wiem jak, ale pewnie w taki sam sposób jak doładowywanie postów na FB czy tweetów na tweeterze. Zobacz źródło.

1

Wydaje mi się, że jest to zdarzenie onscroll (https://developer.mozilla.org/En/DOM/Window.onscroll ). Ja bym zrobił tak:

  1. Strona serwera: generowanie obrazków z jakimś atrybutem wskazującym właściwą lokalizację, ale nie src.
  2. Załadowanie strony: pobranie pozycji wszystkich obrazków (document.images) i zapisanie danych w jakimś obiekcie
  3. Zdarzenie onscroll: sprawdzanie pozycji aktualnej i obrazków, porównywanie, etc. z wcześniej zapisanego obiektu, następnie podmiana tymczasowego atrybutu na src, co spowoduje załadowanie się właściwego obrazka.
0

Jest bodaj zdarzenie onload/onvisible/wtf, wrzucasz jakiś placeholder na dół strony i masz dynamiczne ładowanie.

0

Tutaj znalazłem plugin:
http://www.appelsiini.net/projects/lazyload/enabled.html -> tutaj strona glowna http://www.appelsiini.net/projects/lazyload/
Tylko troche głupie to jest, według Chrome, obrazki wcześniej już się ładują. Ale drobna modyfikacja i będzie śmigać.

1 użytkowników online, w tym zalogowanych: 0, gości: 1