Složitější preload obrázku v jQuery

Zdravím všechny, už několik hodin se tu peru s jednou záležitostí. Vytvářím si vlastní lightbox (neřešte prosím :) ), který v sobě obsahuje několik elementů, které mají na pozadí nějaký obrázek. Jelikož se lightbox vloží do DOM až po kliknutí na patřičný odkaz, nemohu obrázky načítat hned při načítání stránky. Potřebuji tedy, aby se mi obrázky načetly až po kliknutí na odkaz a ve chvíli, kdy budou načteny úplně a připraveny k použití, se zobrazí lightbox pomocí fadeIn() v jQuery. Překládám kód, který jsem neúspěšně zkoušel načtení jediného obrázku: $(function() { $('a').click(function(event) { event.preventDefault(); $("<img/>") //Hide it .one('load', function() { // spusti se po nacteni obrazku var div = $('<div id="withpic"></div>'); $('#container').append(div.hide().fadeIn()); }) .attr('src', 'obrazek_big.jpg') // nastavime adresu obrazku, obrazek se zacne nacitat .each(function() { // fix pro prohlizece, ktere nespusti load event v pripade, ze maji obrazek v cache if(this.complete) $(this).trigger('load'); }); }) }) Třída .withpic má na pozadí nastavený obrázek. Zdá se, že to funguje ve všech prohlížečích, jen ve Firefoxu ne. Kde by mohl byt problém? Celá aplikace zde: http://jsfiddle.net/YFtBj/3/ Děkuji mnohokrát