JavaScript имеет встроенный класс Images, который может быть использован для загрузки изображений. Когда вы создаёте объект Image и устанавливаете его аттрибут src, браузер делает запрос к изображению, которое будет сохранено в кэше (если он конечно не отключен).
Код, который выполняет предварительную загрузку может выглядеть следующим образом:
var imagesList = [
'flower.jpg','tree.jpg','open.gif','close.gif',
'folder.gif','minimize.gif','maximize.gif','exit.png'
];
var aImages = [];
for (var i = 0, len = imagesList.length; i < len; i++) {
aImages[i] = new Image();
aImages[i].src = imagesList[i];
}
Здесь, imagesList это список изображений, которые нужно загрузить, а aImages - массива объектов Image, которые будут использоваться для загрузки.
В браузере Opera может возникнуть проблема если вы используете событие onload для изображений - если присваиваемое значение свойства Image.src уже имеется в одном из изображений на странице, то Opera не будет выполнять событие onload для них.
20 мая 2008 в 11:12
[…] aImages[i].src = imagesList[i]; } Подробнее об этом примере смотрите здесь.Как видите, здесь нужно самому добавлять изображения […]