1. 程式人生 > >img onload事件

img onload事件

看了網上一些程式碼都不成功

下面特寫一段程式碼

首先,整一個地方把src存起來

<input type="hidden" value="http://aa.com/a.jpg" id="hidheadimgsrc" />

再整一個圖片物件,先寫onload事件,再去賦src值。onload執行完後,再去賦值給img

var headimg = new Image();
headimg.onload=function(){
        var h = headimg.height;
        var w = headimg.width;
        $(".w1000-right .belonger-msg .rel img").css("margin-top", "-" + h / 2 + "px");
        $(".w1000-right .belonger-msg .rel img").css("margin-left", "-" + w / 2 + "px");
        if (w > 188) {
            $(".w1000-right .belonger-msg .rel img").width(188);
            $(".w1000-right .belonger-msg .rel img").height(252);
            $(".w1000-right .belonger-msg .rel img").css({ "margin-left": "-94px", "margin-top": "-126px" });

$(".w1000-right .belonger-msg .rel img")[0].setAttribute('src',headimg.src); 
        };
};
headimg.src = $("#hidheadimgsrc").val();