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

如果我这样设置源，在 IE 中

image_mapgross.setAttribute("src", url);

然后就可以了。

Answer 2

使用 writeAttribute() 方法设置原型属性

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

旧： 你需要先获取一个 DOM 元素

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

如果您想使用点表示法设置事件和属性

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