在页面加载时停止加载gif

Question

我的网站上有一个加载gif，我想在静态网站上的iframe加载时旋转。我已准备好doc中的gif加载，而我隐藏了其他所有内容。然后在$（window）.load上隐藏gif并显示页面。

现在，这一切都很好，除了gif口吃和跳过，而一切都在后台加载。有没有办法加载和显示gif，而所有内容都在后台加载，所以跳过停止了？

目前它看起来像这样（#loading是gif）：

 $(document).ready(function(){
 $('#loading').show();
 $('#miniBar').hide();
 $('#MainLogo, #facebook').hide();
 $('.layout').css("margin-top","1000px");
 $('.layout').hide();
 $('#facebookTab').css('background','rgba(255, 255, 255, .5)');


//after content loads
  $(window).load(function(){
   $('#loading').fadeOut( function(){
    $("#myIcon").hide();
    $('#MainLogo').css({"margin-left":"-200px","width":"200px"}).show();
    $('.glyphicon').css({"left":"-300px"});
    $('#miniBar').css({"width":"0em", "left":"-50px"});

    $('#miniBar').show( function(){
      $(this).animate({"width": "16em", "left":"0px"}, 500);
      $('.glyphicon').animate({"left":"0px"},500);
      $('#MainLogo').animate({'margin-left':"0px"},500);
      $('.barText').animate({"left":"100px"},500);
    });
    });
});