Javascript图像加载器

时间:2012-02-08 16:44:22

标签: javascript html

我有这个脚本在我的索引页面上预加载一堆图像,这样当人们移动到我的产品页面时,图像已经在他们的缓存中。问题是,当我删除代码中的两个警报以便它不通知用户时,脚本将无法工作。

我做错了什么?

<script type="text/javascript">
  var imageFiles = new Array<?=$output?>
  var imagesLoaded = new Number(0);
  document.addEventListener("DOMContentLoaded", init, false);
  function init()
  {
    var images = new Array();

    alert("lkasd oe kdfl ke k");

    for(i=0; i<imageFiles.length; i++)
    images[i] = loadImage(imageFiles[i]);
  }
  function loadImage(url)
  {
    var image = new Image();
    image.addEventListener("load", imageLoaded, false);
    image.src = url;
    return image;
  }
  function imageLoaded()
  {
    imagesLoaded++;

    if (imagesLoaded == imageFiles.length)
      alert("Billederne er blevet preloadet og ligger i cachen.");
  }

</script>

1 个答案:

答案 0 :(得分:8)

我猜你没有评论你的if以及alert

出于这个原因,我们在工作中发生了关于离开{}的神圣战争。 = d

<script type="text/javascript">
  var imageFiles = new Array<?=$output?>
  var imagesLoaded = new Number(0);
  document.addEventListener("DOMContentLoaded", init, false);
  function init()
  {
    var images = new Array();

    //alert("lkasd oe kdfl ke k");

    for(i=0; i<imageFiles.length; i++)
    images[i] = loadImage(imageFiles[i]);
  }
  function loadImage(url)
  {
    var image = new Image();
    image.addEventListener("load", imageLoaded, false);
    image.src = url;
    return image;
  }
  function imageLoaded()
  {
    imagesLoaded++;

    //if (imagesLoaded == imageFiles.length)
    //  alert("Billederne er blevet preloadet og ligger i cachen.");
  }

</script>