
        var h = 0;  //设置当前显示高度
        function loadImage(url, callback) {
        
            var img = new Image();
            img.src = url;
            if (img.complete) {   //判断图片是否加载完成
                callback.call(img);
                return;
            }
            img.onload = function() {    //图片加载    
                callback.call(img);
            }
            
        }
        function imgLoaded() {
          
            document.getElementById("myImgs").src = this.src;   //获得图片地址           
            showImage(this.height);     //图片展开
        }
        function showImage(height) {
            if (h < height) {
                h = h + 5;
            } else {
                setTimeout("hideImage(" + height + ")", 5000);   //图片全部展开后，设置多少秒之后关闭图片
                return;
            }
            var div = document.getElementById("myDiv");
            var img = document.getElementById("myImgs");
            div.style.display = "block";
            div.style.height = h + "px";
            setTimeout("showImage(" + height + ")", 30);
        }
        function hideImage(height) {
            //alert(height);
            if (h > 0) {
                h = h - 5;
            } else {
                var divs = document.getElementById("myDiv");
                divs.style.display = "none";    //图片关闭后隐藏该层
                return;
            }
            var div = document.getElementById("myDiv");
            var img = document.getElementById("myImgs");
            div.style.display = "block";
            div.style.height = h + "px";
            setTimeout("hideImage(" + height + ")", 30);
        }

