Таблетка строить медленно галерея изображений в высоком разрешении

Question

У меня есть приложение только html и Im, отображающее изображения с высоким разрешением (более 1000 пикселей x 1000 пикселей) в изображении галереи и занимает много времени, чтобы загрузить все (более 40 изображений), и они находятся в моем собственное приложение папки с изображениями, и, соответственно, изображение по изображению загружается очень медленно. Есть какой-нибудь способ показать что-то раньше и загрузить все в фоновом режиме, и когда он закончит, появится изображение галереи? Что-то вроде, покажите экран заставки, пока все начнет загружать изображения с высоким разрешением, и когда оно закончится, оно покажет мое изображение галереи.
Редактировать: галерея занимает много времени, чтобы загрузить изображения, которые начинают строить. edit2: title

Answer 1

Я создал JSFiddle с графическим предзагрузчиком, который я использую регулярно. В примере я загружаю несколько больших изображений из Flickr, после их загрузки вращающийся gif заменяется загруженным текстом.

** Примечание. Это использует функцию load() jQuery, но может быть легко преобразована в родной JS.

var preLoadImages = function (files, callback) { 
    var i, img, _count, _counter, _interval; 
    _count = files.length; 
    _counter = 0; 
    i = 0; 
    while (i < files.length) { 
     img = new Image(); 
     img.src = files[i]; 
     $(img).load(function() { 
      return _counter++; 
     }); 
     i++; 
    } 
    return _interval = setInterval(function() { 
     if (_count === _counter) { 
      clearInterval(_interval); 
      return callback(); 
     } 
    }, 50); 
} 

Надеюсь, это поможет вам достичь своей цели.

http://jsfiddle.net/CcVqs/