为什么我2个图片调用进度条加载时只有Image1才显示进度条而Image2没显示出来了
protected void Page_Load(object sender, EventArgs e)
{
//单个调用js Image1.Attributes.Add("onreadystatechange", "onLoadObj(this, 'mLoading');");
Image1.Attributes.Add("onload", "onLoadObj(this,'mLoading');"); Image2.Attributes.Add("onreadystatechange", "onLoadObj(this, 'mLoading');");
Image2.Attributes.Add("onload", "onLoadObj(this,'mLoading');");
}js代码
function onLoadObj(sender, loadid) {
var _mLoading = get(loadid);
sender.async = true;
_mLoading.style.display = "inline";
_mLoading.style.top = (sender.clientHeight / 2) + "px";
_mLoading.style.left = sender.offsetLeft + "px";
if (navigator.userAgent.indexOf("MSIE") > 0) {
if (sender.readyState == "complete") {
_mLoading.style.display = "none";
}
} else { _mLoading.style.display = "none"; }
}
protected void Page_Load(object sender, EventArgs e)
{
//单个调用js Image1.Attributes.Add("onreadystatechange", "onLoadObj(this, 'mLoading');");
Image1.Attributes.Add("onload", "onLoadObj(this,'mLoading');"); Image2.Attributes.Add("onreadystatechange", "onLoadObj(this, 'mLoading');");
Image2.Attributes.Add("onload", "onLoadObj(this,'mLoading');");
}js代码
function onLoadObj(sender, loadid) {
var _mLoading = get(loadid);
sender.async = true;
_mLoading.style.display = "inline";
_mLoading.style.top = (sender.clientHeight / 2) + "px";
_mLoading.style.left = sender.offsetLeft + "px";
if (navigator.userAgent.indexOf("MSIE") > 0) {
if (sender.readyState == "complete") {
_mLoading.style.display = "none";
}
} else { _mLoading.style.display = "none"; }
}
<div id="mLoading" class="loading">
<ul>
<li>
<img src="http://sysimages.tq.cn/images/analysis_images/ajax-loader.gif" alt="" />
</li>
<li><span style="margin-top: 9px;">Loading... </span></li>
</ul>
</div>
<div id="mBox" style="padding-left: 3px; padding-right: 3px; padding-bottom: 2px;
height: 100%">
<asp:Image ID="Image1" runat="server" ImageUrl="http://img1.jike.com:82/get?name=T1BdYEBT_y1RCvBVdK"
Width="200px" />
<asp:Image ID="Image2" runat="server" ImageUrl="http://img1.jike.com:82/get?name=T1BdYEBT_y1RCvBVdK"
Width="200px" />
</div>