Chrome / Safari Image Loader, First Time Opening

Built my own image slider, works perfectly inside firefox. Yet in chrome / safari the images tend to not load the first time the page is opened. (if you refresh everything is fine)

Solution 1:

As a quick and simple solution, use .load() instead.

A better solution would be to use this jQuery plugin:

$(document).ready(function() {
    $('#show-image').imagesLoaded(function() {
        /* your code here */
    });
});

The advantage being that you only have to wait for those specific images to be loaded, instead of everything as you would for .load().