Preload JS file or load images last

Question

Hi I have a slider which uses bxslider as a plugin and the images load before the javascript therefore there is a moment before the JS file has loaded but before the images have where there is display issues. How can I fix this?

http://orchid-goose.cloudvent.net/

Answer 1

put the implementation of the slider in

$(window).on("load", function() {
    // weave your magic here.
});

That function will be executed, when all data was loaded

Answer 2

Set css property visibility:hidden for the slider and make it visible once the script has finished loading. You can have a placeholder image as background in the parent container, eg a gif indicating it is loading.