Открыть Div только после полной загрузки страницы
Уважаемые! Подскажите каким чудесным образом можно отобразить Div только после загрузки всех изображений в нем?
|
завести счетчик, в онлоад картинкам повесить функцию, инкрементирующую этот счетчик, и проверяющую не достиг ли счетчик числа, равного количеству картинок. Если достиг, открывать div
|
function onImagesLoad(images, callback) {
var fragment = document.createDocumentFragment(),
i = 0, loaded = function() {
if(i == images.length) callback.call(fragment, images);
else {
var image = new Image();
image.onerror = image.onload = loaded;
image.src = images[i++];
image.alt = '';
fragment.appendChild(image);
}
};
loaded();
};
onImagesLoad(['1.jpg', '2.jpg', '/img/image.png'], function(images) {
document.getElementById('myDiv').appendChild(this);
alert('Изображения: ['+ images + '] загружены!');
});
|
| Часовой пояс GMT +3, время: 03:05. |