Проблема обнаружилась на стадии создания массива изображений I[]. Вставил console.log
function getImages()
{
var I = [];
for ( var i = 0; i < 10; i++ )
{
var myImage = new Image();
myImage.src = "../img/pict" + (i+1) + ".jpg";
console.log('myImage['+(i+1)+'].width =' + myImage.width);
myImage.ind = i+1;
I.push(myImage);
}
return I;
}
вот что пишет
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
и т. д. Все начинает работать. Это в Лисе и в Хроме и после последующих перезагрузок тоже все работает.
В IE всё происходит с точностью до наоборот. При первой загрузке выдается массив с правильными значениями (и то не всегда все значения не нулевые) и превьюшки с ненулевыми значениями видны и при клике по ним появляется большая картинка, а при перезагрузке первое значение нормальное , остальные по нулям. Ну и соответственно одна превьюшка. Остальных не видно. После последующих перезагрузок ничего не меняется.