小编Lun*_*ben的帖子

我正在使用jQuery从php数组构建一个图像数组.我想循环遍历这些图像,在显示一点加载gif的同时预加载它们,直到所有图像都被加载.

目前,我已经尝试了很多这样做的方法,并且页面的其余部分似乎总是继续加载,因此图像正在预加载,但在页面加载其余内容之前不会.

这是我有的:

 <script type="text/javascript">

  // Get list of images and build array + set vars

  var imgArray = new Array;
  var imgCount = <?php echo count($files); ?>;
  var imgNum = <?php echo $rand; ?>;
  var imgDir = "<?php echo $dir; ?>";
  var imgBlurDir = "<?php echo $blurdir; ?>";


 $(document).ready(function() {

  <?php
   for ($i=0;$i<count($files);$i++) {
    echo "imgArray[$i]='" . $files[$i] . " ' ; \n";
   }
  ?>


  // Preload Images:
  $('mainImg #orig').html('<img src="images/preload.gif" style="position: relative; top: 310px;" />');
  for(i=0; i<imgCount; i++) …