﻿var vvh = 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(vvh < height){
		vvh = vvh + 5;
	}else{
		setTimeout("hideImage("+height+")",10000);   //图片全部展开后，设置多少秒之后关闭图片
		return;
	}
	var div = document.getElementById("myDiv");
	var img = document.getElementById("myImgs");
	div.style.display = "block";
	div.style.height = vvh + "px";
	setTimeout("showImage("+height+")",30);
}
function hideImage(height){
	//alert(height);
	if(vvh > 0){
		vvh = vvh - 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 = vvh + "px";
	setTimeout("hideImage("+height+")",30);
}
