$(document).ready in google chrome?

Question

JavaScript

In chrome (17-beta, 16-stable) the onload trigger fires before the images are loaded.

If an ajax request is called from this trigger and you want to show the user a loading indicator with an animated gif twist, he will not see it, because the gif has not yet been loaded at the time the request was sent.

How to be?

Answer 1

Encode gif in base-64 and use data:uri in CSS - duris.ru/faq/

Answer 2

Isn't it easier to make this gif immediately visible? The page is loading.

Answer 3

It should fire before the images are loaded. Chrome has nothing to do with it, by the way.
For images there is imagesLoaded ( github.com/desandro/imagesloaded ) from under masonry.

Answer 4

In Chrome and Safari, in such cases, you can also use $(window).load(), which "fires" only after loading any media content.

Answer 5

the event fires correctly, you can write that all functions are called after the image is loaded

jQuery(function($){
    var loadingImage = new Image();
    loadingImage.onload = function(){
        loadingImage.onload = null;
        //основные функции
    };
    loadingImage.src = "image/loader.gif";
});