Internet Explorer动态图像加载

时间:2011-03-09 14:49:53

标签: javascript jquery unobtrusive-javascript

我正在尝试通过javascript加载图片。不同浏览器比IE8或ie9它工作正常,但在IE中没有。如果我直接加载图像

http://localhost/_eWar/index.php?road=map&createimage=true

它工作正常,但是javascript

src="index.php?road=map&createimage=true";
 this.img_object.object = $("<img>");
this.img_object.object.unbind('load').
                removeAttr("src").
                removeAttr("width").
                removeAttr("height").
                attr("class","map newMap").
                attr("usemap","#world").
                css({ top: 0, left: 0 }).
                load(function(){
                    me.image_loaded = true;
                    me.img_object.display_width = me.img_object.orig_width = this.width;
                    me.img_object.display_height = me.img_object.orig_height = this.height;

                    if(!me.container.hasClass("iviewer_cursor")){
                        me.container.addClass("iviewer_cursor");
                    }

                    if(me.settings.zoom == "fit"){
                        me.fit();
                    }
                    else {
                        me.set_zoom(me.settings.zoom);
                    }

                    if(me.settings.onFinishLoad)
                    {
                       me.settings.onFinishLoad.call(me);
                    }
                //src attribute is after setting load event, or it won't work
            }).attr("src",src);

我收到了“兼容视图”消息。

1 个答案:

答案 0 :(得分:2)

我不确定你为什么要重置并查看新图像上的属性。

这是一种加载图片的简便方法:

function loadSample() {
    var i = new Image()
        i.onload = function() {
             alert("loaded")  
        }
            i.src = "http://jsfiddle.net/img/logo.png"       

} 
相关问题