Попытка найти предварительный загрузчик изображения jQuery

Question

Я пытаюсь найти рабочий предварительный загрузчик изображений jQuery, который хорошо воспроизводится с помощью слайд-шоу Marcofolio (здесь http://www.marcofolio.net/webdesign/advanced_jquery_background_image_slideshow.html).

Это же слайд-шоу используется на веб-сайте Philadelphia здесь: http://www.visitphilly.com/ - но когда я использую свои инструменты для веб-разработчиков, чтобы просмотреть javascript на работе, мне трудно найти, где именно прелоадер является называется.

Я также попытался использовать следующий код предварительной нагрузки, но это, кажется, не помогает ситуации (кажется, загружать наиболее медленно в браузере Safari):

function preload(arrayOfImages) { 
    $(arrayOfImages).each(function(){ 
    }); 
    } 

    preload([ 
    'images/image1.jpg', 
    'images/image2.jpg', 
    'images/image3.jpg', 
    'images/image4.jpg', 
    ]); 

Если кто-то умный может проверить сайт visitphilly они могут увидеть, чего я здесь явно не вижу. В качестве альтернативы, предложение предварительной загрузки плагина было бы оценено, так как я пробовал несколько, которые, похоже, не помогают этому конкретному слайд-шоу.

Спасибо!

Answer 1

Вам не нужно JQuery для этого:

var images = [ 
    'a.png', 
    'b.png'//etc 
]; 

var path = 'images/'; 
var i, image, img; 
for(i = 0; image = images[i]; i++) { 
    img = new Image(); 
    img.src = path + image; 
} 

Answer 2

Попробуйте поджать изображения в правильном порядке.

function preload(arrayOfImages) { 
    var i = 0; 

    function preloadnext() { 
     if (i < arrayOfImages.length) { 
      var img = new Image(); 
      img.onload = preloadnext; 
      img.src = arrayOfImages[++i]; 
     } 
    } 

    preloadnext(); 
} 

Вы также можете указать размер изображения ('новое изображение (ширина, высота)'), но я не уверен, что это может помочь.

Answer 3

Я всегда использовал этот фантастический плагин: http://flesler.blogspot.com/2008/01/jquerypreload.html

$.preload([ 'red', 'blue', 'yellow' ], { 
    base:'images/colors/', 
    ext:'.jpg' 
}); 

Помимо того, что она хорошо кодированный - есть проблемы с поджимать изображения в то есть, что этот плагин имеет дело с.