Первая картинка как-то загружается и у нее появляется и ширина и высота. Почему у последующих нет? И почему в IE происходит все наоборот. Если в функции windows.onload() убрать
newImg.width = Images[i].width / 5;
newImg.height = Images[i].height / 5;
то все начинает работать во всех браузерах. Только вместо превью, картинки соответственно появляются в полный размер.
window.onload = function()
{
var phContainer = document.getElementById('photoContainer');
var Images = getImages();
for (var i =0; i < 10; i++)
{
var newImg = document.createElement('img')
newImg = Images[i];
//newImg.width = Images[i].width / 5;
//newImg.height = Images[i].height / 5;
phContainer.appendChild(newImg);
newImg.onclick = onPhotoClick;
}
}
А вот это так и не меняется.
myImage[1].width =426
myImage[2].width =0
myImage[3].width =0
myImage[4].width =0
и т. д. вплоть до десятого элемента. После перезагрузки страницы в браузере в ручную, выдает все что положено.
myImage[1].width =426
myImage[2].width =425
myImage[3].width =425
myImage[4].width =432
myImage[5].width =513