I have JavaScript code at the bottom of the page but images still load after?

Question

I'm referencing my JavaScript files before the closing body tag, hoping they will be parsed last (as they're not needed until last). However when I analyse activity with PageSpeed in Firebug, the images seem to be requested last.

How can I make the images higher priority than the JavaScript code?

Answer 1

When you execute your javascript commands in the onLoad-Event the images should be read first. After the page is fully loaded the onLoad-Event is executed.

Answer 2

Yes, document.ready is before images. If you want it to run after images are loaded you need to use $(window).ready(function() {});

Answer 3

Load your images outside of the $.ready() function