预加载的jQuery Ajax应该在某个时刻触发

Question

我有一个预加载器，可以使用jQuery和Ajax加载一些图像：

$.ajax({

  type: 'GET',
  url: 'preloader.php',
  dataType: 'json',
  cache: false,
  success: function( data ) {

    fileNames = [];
    preloadImgs = [];

    arr = $('.rotator').map(function(){
      projectName = $( this ).attr( 'class' ).split(' ')[1].replace( '-img', '' );
      return eval( 'data.' + projectName + 'FileNames' );
    });

    function preload( a ) {
      for (i = 0; i < a.length; i++) {
        preloadImgs[i] = new Image();
        preloadImgs[i].src = a[i];
      }
    }

    preload( arr );

  }

});

我希望这个预加载器在我的HTML标记中的某个点触发（在HTML之后的某个点之后会有更多的图像，之后将被加载）。

我在这个正确的位置包含了预加载器，但是只有在加载了所有其他图像后才会加载所有预加载器图像。

如何在需要时实现预加载器加载图像？