Welcome to ShenZhenJia Knowledge Sharing Community for programmer and developer-Open, Learning and Share
menu search
person
Welcome To Ask or Share your Answers For Others

Categories

I am working on a site which contains a whole bunch of MP3s and images, which obviously got some loading time. I'd like to display a loading page while all the content loads.

I have no idea how to achieve this, but I do have the animated gif I want to use.

Any suggestions?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
thumb_up_alt 0 like thumb_down_alt 0 dislike
451 views
Welcome To Ask or Share your Answers For Others

1 Answer

So basically you make a preloader with 100% width and height of the viewport, set a background color and your GIF on it. What the following JS does, is wait until everything has loaded and then the preloader fades out.

$(window).load(function(){
  $('#preloader').fadeOut('300', function(){
    $(this).remove();
  });
});

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
thumb_up_alt 0 like thumb_down_alt 0 dislike
Welcome to ShenZhenJia Knowledge Sharing Community for programmer and developer-Open, Learning and Share
...