Подгрузка изображений в кеш браузера, как сделать?

Question

[Ayk72]

Здравствуйте!
Как реализовать подгрузку изображений у HD галереи, дело в том, что где-то 60 картинок и их надо подгрузить, чтобы пользователь не ждал долгой загрузки каждого, а любуясь одним - подгружались уже другие тем временем.

Есть код:

img= new Array();
img[0]=new Image();   // каринка 1
img[1]=new Image();   // каринка 2
img[2]=new Image();   // каринка 3

img[0].src="путь"
img[1].src=""
img[2].src=""

Но меня не совсем устраиваиет, т.к. не красиво.

Хочу что-то типа:

var heroArray = [
'путь',
'путь',
'путь',
]

...

Как подгрузить их из массива var?

Answer 1

[Александр Таратин]

heroArray.forEach(function(e){
new Image().src = e;
})

Comments

[sim3x]

и в каких браузерах такое не сработает?

[Александр Таратин]

sim3x: ie8 и меньше.

[Александр Таратин]

javascriptplayground.com/blog/2012/06/writing-java...

Answer 2

[Yago]

www.appelsiini.net/projects/lazyload