обмен изображениями разных размеров [Javascript vs IE]

Question

У меня есть следующая простая функция предварительной загрузки, которая заменяет атрибут «src» изображения другим изображением (анимированный GIF «Загрузка»). Проблема возникает только в IE: если «загружаемый» GIF меньше фактического изображения src, размер которого будет изменен. Например, если у меня есть квадратное изображение 100px и его предварительная загрузка, изображение временно заменяется анимированным GIF размером 50x50 пикселей. Whem оригинальное изображение полностью загружено, оно НЕ отображается по своему размеру, но на меньших 50 пикселей. Вот код, если вам это нужно

_preload = function(url, placeholderUrl) { 
var img = new Image(); 
loading = true; 
var placeholder = new Element("img", { 
    src: placeholderUrl 
}); 
img.placeholder = placeholder; 
img.onload = function(evt) { 
    this.placeholder.src = this.src; 
    loading = false; 
} 
img.src = url; 
return placeholder; 
} 

Здесь вы можете увидеть визуальную ошибку

Answer 1

Вы должны иметь возможность регулировать ширину/высоту изображения в функции обратного вызова:

img.onload = function(evt) { 
    this.placeholder.src = this.src; 
    this.placeholder.width = this.width; 
    this.placeholder.height = this.height; 
    loading = false; 
} 

Пример: Resizing image onLoad

Answer 2

Я думаю замена заполнитель с IMG (в IMG-элементы внутри DOM), вместо просто изменить src-атрибут заполнителя, должен исправить эту проблему.