Question

我正在开发一个网站，我正在使用QueryLoader来预加载我的网站，以便它突然加载..

我使用以下代码：

    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>

    <link rel="stylesheet" href="load/css/queryLoader.css" type="text/css" />
    <script type='text/javascript' src='load/js/queryLoader.js'></script>

    <script>
    QueryLoader.selectorPreload = "body";
    QueryLoader.init();
    </script>

但我没有得到理想的结果，因为它首先正常加载网站，然后QueryLoader进入场景..我怎样才能首先加载QueryLoader ..

Answer 1

对我来说，检查DOM的img标签的脚本必须要么将页面加载到jquery var中，要么等待Dom加载

如果您不想正常加载任何图像，可以使用占位符，将图像URL放在数据属性中，然后使用

之类的内容预加载它们

$(function() { 
  var img, preloadArr=[],$imgs=$("img");
  $imgs.each(function() {
    img =new Image();
    img.src=$(this).data("URL");
    preloadArr.push(img);
  });
  $imgs.each(function(i) {
     $(this).attr("src",preloadArr[i].src);
  });

});

由jquery预加载

1 个答案: