Ładowanie
popup

Preloading obrazków w jQuery

2010-09-29 10:34:04

Dziś mały tip Javascript/jQuery. Kod ten pozwala na wykrycie momentu załadowania do pamięci pobranego obrazka na stronie internetowej. Dodaje go tutaj bo trochę sie nad tym męczyłem, a może się komuś przydać (w programowaniu 'webowym' jestem nowicjuszem ;) ). Od razu przejdę do kodu i krótkiego omówienia co się w tym kodzie dzieje:

function load_image(imgSrc){ // przed ladowaniem obrazka (np. pojawia sie gif z ladowaniem) var image=new Image(); // (1) $(image).load(function(){ // (2) // obrazek zaladowany do pamieci (np. mozna schowac juz gif z ladowaniem) // laduje obrazek z pamieci do naszego elementu img (zmiana atrybutu src) $('#popup_image').attr('src',imgSrc); // (4) // np. pokazuje wczesniej ukryty obrazek $('#popup_image').fadeIn('slow'); // zmiana pozycji rozmiaru obrazka itp. ... // reset callbacka image.onload=function(){}; }).attr('src',imgSrc); // (3) }

PS. Przy okazji polecam wszystkim web-developerom bibliotekę jQuery, zwłaszcza często używających Javascript. Jest to kompaktowa i bardzo dobrze zaprojektowana biblioteka, bardzo przyjemna w obsłudze.

Tagi: Programowanie jQuery Javascript

Komentarze:

avatar
Charlie3D
Dzięki
Data: 2010-10-01 16:12:00
avatar
jerzaub
wyjaśniło mi to co nie co, dopiero się uczę ;) dzięks
Data: 2011-10-30 10:48:47

Dodaj komentarz:

Nick
Adres mail (nie wyświetlany, wymagany)
Strona www (opcjonalne)