JQuery: che significa $('<img>').load(function(){...}).attr(…) ?

[American]

Salve
stando alla documentazione ufficiale, il metodo load prevede come primo parametro l'url da caricare e opzionalmente i dati da passare e la funzione di callback..

Ma seguendo un tutorial mi sono imbattuto in una chiamata del genere

$('<img>').load(function(){
    $loader.hide();
    $currImage.fadeIn(3000);
    //slide out the menu
    setTimeout(function(){
        $list.animate({'left':'0px'},500);
    },
    1000);
}).attr('src',$currImage.attr('src')); 

Ma che dovrebbe significare? Perchè nel metodo load c'è riportata unicamente la funzione di callback e gli attributi vengono passati tramite un secondo metodo?
Inoltre quel $('<img>') iniziale dovrebbe richiamare tutte le img presenti nel DOM, eppure la funzione dovrebbe riguardare una specifica immagine

bhooo son confuso

[Xinod]

se guardi la documentazione per .load() c'e' una nota enorme che dice

Note: The event handling suite also has a method named .load(). jQuery determines which method to fire based on the set of arguments passed to it.

quello e' quindi un onload di un' immagine

quell' <img> non e' un selettore, $('<img>') crea un nuovo oggetto image
l' attr finale setta l' src, all' onload di quell' immagine eseguira' quanto present in .load

e' in pratica un preloader

ciao

[American]

ah in pratica load è anche un event handler
http://api.jquery.com/load-event/

Però continuo a non capire la logica... Qual è l'immagine a cui vien associato l'onload? L'unico riferimento che vedo è nell'attr(src), ma non capisco se è effettivamente quello che passa il link dell'immagine o si limita ad impostare l'attributo src a immagine caricata