Показать сообщение отдельно
  #1 (permalink)  
Старый 21.05.2016, 20:30
Новичок на форуме
Отправить личное сообщение для Bac9_AJlkaLLl Посмотреть профиль Найти все сообщения от Bac9_AJlkaLLl
 
Регистрация: 20.02.2015
Сообщений: 5

Непреклонные изображения
Доброго времени суток форумчане. Вопрос состоит в следующем. Создается массив изображений, который мне необходимо пихнуть на страницу, но перед тем как пихнуть, надо забрать у них стартовые значения высоты и ширины. Все мои попытки увенчались провалом, ибо он выводит либо "" или же 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);
}


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