图片的延时加载

 

<html>
<script>
    function loadImag(){
        var myImage = document.getElementById("myimg");
        var img = new Image();
        img.src = "http://pic15.nipic.com/20110729/1369025_174927127000_2.jpg";
        var browser = getBrowserType();
        if (browser == "IE") {
            img.onreadystatechange = function() {
                if (img.readyState == "complete") {
                    myImage.src=img.src;
                }
            }
        } else if (browser == "others") {
            img.onload = function() {
                if (img.complete) {
                    myImage.src=img.src;
                }
            }
        }
    
    }
    function getBrowserType() {
        var browser = navigator.userAgent.indexOf("MSIE") > 0 ? 'IE' : 'others';
        return browser;
    }
</script>
<body onload="loadImag()">
<img src="load.gif" id="myimg">
</body>
</html>

 

posted @ 2013-07-06 14:56  caibird_0317  阅读(156)  评论(0)    收藏  举报