Все вроде бы заработало, но довольно странно. Попробуйте открыть эту ссылку http://learn.javascript.ru/play/zv2gLb в IE и в Лисе. Какие-то непонятные искажения пропорций. Вставил console.log в newImg.onload, что бы посмотреть

newImg.onload = function()          
{ 
	console.log('newImg['+(i+1)+'].width =' + newImg.width);
	console.log('newImg['+(i+1)+'].height =' + newImg.height);
	this.width = this.width / 5;
	this.width = this.height / 5;
}

размеры картинок совсем не такие.

нашел ошибку одну ошибку

this.width = this.height / 5;

уже исправил

теперь в IE работает нормально , а в Лисе и Хроме искажения
http://learn.javascript.ru/play/arWXC посмотреть можно здесь

так вы смотрите только последнюю картинку

bakmaks, вариант с одинаковой высотой превью
http://learn.javascript.ru/play/VnfIT

рони, в учебники есть было такое задание http://learn.javascript.ru/task/galereya-izobrazhenij

спасибо, а то я думаю откуда картинки взялись в 10 посте)))

рони, и большие картинки изначально лучше скрывать, а то ужасно смотрится когда они до загрузки находятся на странице

большое спасибо!!!! всю голову себе сломал уже :) Правда остался вопрос. Почему до нормализации картинок по высоте были такие искажения в Лисе и в Хроме, а в IE нет?

потому что ие неизменяет то чего его не просят а остальные стремятся сохранить пропорции -- изменили ширину - поменялась высота -- эту уменьшенную высоту ещё раз уменьшили в 5 раз