[Bac9_AJlkaLLl]

Доброго времени суток форумчане. Вопрос состоит в следующем. Создается массив изображений, который мне необходимо пихнуть на страницу, но перед тем как пихнуть, надо забрать у них стартовые значения высоты и ширины. Все мои попытки увенчались провалом, ибо он выводит либо "" или же 0.
naturalHeight/naturalWidth, height/width, style.height/style/width - все, что знаю перепробовал
Так вот, и кусочек кода, отвечающий за сие действо.

var quantity = 15,
    images = [];
    imageDimensions = [];


function fillArray() {
    for (var i = 1; i <= quantity; i++) {
        var Picture = document.createElement('img');
            Picture.setAttribute('src', 'image/prod/' + i + '.jpg');

        images.push(Picture);

        var startHeight = Picture.height;
        var startWidth = Picture.width;

        imageDimensions.push({width: startWidth, height: startHeight});
    }
}

function initProd() {
    fillArray();
    console.log(images);
    console.log(imageDimensions);
}

Помогите, кто чем может, а то уже вторую неделю ничего с этим поделать не могу .