Предварительная загрузка изображения jQuery не работает в первый раз в FireFox

Я только что закончил собирать простую галерею jQuery с некоторыми затухающими переходами, как показано здесь . Все работает нормально во всех браузерах, за исключением того, что «предварительная загрузка изображений» не работает при первой загрузке в FireFox (работает во всех других браузерах). В firefox изображения остаются с непрозрачностью 0%. Не знаю почему.

Вот код предварительной загрузки.

$(document).ready(function(){
    //--------PRELOAD LOAD IMAGES--------\\
    $('img').load(function() {
        //once image has loaded fade in image
        $(this).animate({opacity : 1.0}, 1000);

        //kill padding on last thumbnail of each line
        $('#headshots img').eq(3).css({'padding-right' : '0'});
        $('#ports img').eq(3).css({'padding-right' : '0'});
        $('#ports img').eq(7).css({'padding-right' : '0'});
    });
});

Заранее благодарим за любую помощь.