IE中的Javascript圖像加載功能

Question

我正在嘗試將圖像放置在屏幕中間，但在IE無法正常工作

這是我的示例代碼。

function showMap(event, url, element)
{
        var map_container = $('map_container'),
        viewport = document.viewport.getDimensions(),
        offset = $(element).viewportOffset(),
        top = offset.top + getScrollTop() + $(element).getHeight() + 10,
        image_mapgross = $('image_mapgross');
        image_mapgross.onload = middleMap;
        image_mapgross.src = url;
        map_container.style.cssText = "display:block;left:10px;top:" + top + "px;";

        Event.stop(event);
        //Event.observe(map_container, 'click', stopEvent);
}

在IE ，永遠不會調用函數middleMap 。

function middleMap() {

    var map_container = $('map_container');
    middle(map_container);
}

Answer 1

使用writeAttribute（）方法設置原型的屬性

 $('image_mapgross').writeAttribute('src', url);

OLD：您需要先獲取DOM元素

image_mapgross = $('image_mapgross').get(); //or  $('image_mapgross')[0]

如果要使用點表示法設置事件和屬性

image_mapgross.onload = middleMap;
image_mapgross.src = url;

Answer 2

在IE中，如果我這樣設置源

image_mapgross.setAttribute("src", url);

然后就可以了。