等待页面 GIF 图片不动，如何解决

z8129858 2010-11-06 01:47:24
我在进行一个数据操作的时候需要等几秒的时候，我想让操作的时候弹出个等待页面，等待页面上有张GIF图片，会动的那种，但是运行的时候窗口能弹出，但是图片不动，我在网上查了很久，有说图片放IFRAM里，有说给图片加个UpdatePane，我都试了还是不行，谁能给个解决办法，谢了。
注：图片本身肯定会动，没问题。
...全文
1505 26 打赏 收藏 转发到动态 举报
写回复
用AI写文章
26 条回复
切换为时间正序
请发表友善的回复…
发表回复
chenchen082 2011-07-12
  • 打赏
  • 举报
 回复
我现在正在做这个，基本上算是解决了，你必须用线程来操作，将数据的加载和动画的显示放在其中，加载数据之前，用label或picturebox加载一个GIF文件，之后加载数据，数据加载完成后，再将之前加载动画的控件visible为false,即可，但是在线程中设置控件属性要用到delegate，异步，否则出错，而且程序还必须置顶，否则动画是不动的。
z8129858 2010-11-09
  • 打赏
  • 举报
 回复
[Quote=引用 21 楼 xingdongfang 的回复:]
我的估计是这样的，你的代码没有问题，你在你的电脑上面测试，你的电脑既是客户端，又是服务器，显示动画的资源被WEB服务所占用了，

建议你，从另外一台计算机访问你的服务器，看看动画动了没有？
[/Quote]

貌似有道理，看看去
z8129858 2010-11-09
  • 打赏
  • 举报
 回复
[Quote=引用 20 楼 lilihua520 的回复:]
前几天写过一个不知道是不是你要的效果


CSS code
<style>
#topFill{text-align:center;position:absolute;filter:alpha(opacity=90);background-color:#eee;opacity: 0.5;-moz-opacity: 0.5; width:1024px; height:1055px;}
#a……
[/Quote]

我去试试
z8129858 2010-11-09
  • 打赏
  • 举报
 回复
[Quote=引用 19 楼 hookyzlr 的回复:]
原因很简单，你把设置图片显示的代码和数据库查询的代码放在了同一个函数中，当程序执行到数据查询的时候延迟，图片肯定不会动，因为他们处在同一个线程内，解决这个问题可以通过多线程，将数据查询放在另外一个新的线程中去执行，或者使用updateprogress数据控件放在updatepanel中，图片放在updateprogresS中。
[/Quote]

我觉得也是线程问题，试试你的方法
xingdongfang 2010-11-09
  • 打赏
  • 举报
 回复
我的估计是这样的，你的代码没有问题，你在你的电脑上面测试，你的电脑既是客户端，又是服务器，显示动画的资源被WEB服务所占用了，

建议你，从另外一台计算机访问你的服务器，看看动画动了没有？
lilihua520 2010-11-09
  • 打赏
  • 举报
 回复
前几天写过一个不知道是不是你要的效果

<style>

#topFill{text-align:center;position:absolute;filter:alpha(opacity=90);background-color:#eee;opacity: 0.5;-moz-opacity: 0.5; width:1024px; height:1055px;}

#alertContent{margin:400px 50px 0px 0px;text-align:center; color:red; font-size:16px; font-weight:bold}

</style>


<div id="topFill">

<div id="alertBox">

  <div id="alertContent">数据加载中请稍候...<img src="images/loading.gif" /></div>

</div>

</div>




<script type="text/javascript">

window.onload = function(){

	  if(document.readyState=="complete")  //数据加载 

	{   

		document.getElementById('topFill').style.display = "none";

	} 

}



</script>
hookyzlr 2010-11-09
  • 打赏
  • 举报
 回复
原因很简单，你把设置图片显示的代码和数据库查询的代码放在了同一个函数中，当程序执行到数据查询的时候延迟，图片肯定不会动，因为他们处在同一个线程内，解决这个问题可以通过多线程，将数据查询放在另外一个新的线程中去执行，或者使用updateprogress数据控件放在updatepanel中，图片放在updateprogresS中。
村长_乐 2010-11-09
  • 打赏
  • 举报
 回复
新建一个页面，只放这个图片呢？？动不动？
确定不是浏览器的问题？
z8129858 2010-11-09
  • 打赏
  • 举报
 回复
[Quote=引用 16 楼 c258489446 的回复:]
这个问题我也碰到过，一般都是在做ajax的时候出现的 在等待的时候加载一个图片，我估计是图片《img 》写在js中引入后可能碰到一些未知问题可能是缓存 我自己也没解决
[/Quote]

..哥们要是解决了，一定给我发个消息哈
hookyzlr 2010-11-09
  • 打赏
  • 举报
 回复
这个是我以前用updatepanel实现的。


<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel2"

        DisplayAfter="500">

        <ProgressTemplate>

            <img src="img/loading.gif" id="img11" width="20" height="20" />

            数据载入中......

        </ProgressTemplate>

    </asp:UpdateProgress>

    <asp:UpdatePanel ID="UpdatePanel2" runat="server" UpdateMode="Conditional">

        <ContentTemplate>

</ContentTemplate>

</UpdatePanel>
z8129858 2010-11-08
  • 打赏
  • 举报
 回复
[Quote=引用 13 楼 jxyxhz 的回复:]
要知道这个Page_Load是在服务器里执行的。Page_PreInit, Page_Init, Page_PreLoad, Page_Load, Page_Render..等等都是在服务器里执行的，你是“看”不到的。直到Page_Unload执行完了，生成的html才会返回到客户端。

你以为是winform啊？呵呵。

------------
试试这个。
不用直接导航到这个a……
[/Quote]


你说的有道理，不过，操作时间是不固定的，没办法给跳转时间一个定值
z8129858 2010-11-08
  • 打赏
  • 举报
 回复
[Quote=引用 7 楼 newdigitime 的回复:]
Internet属性-高级-多媒体-在网页中播放动画前打钩
[/Quote]

不是这个问题，看其他图片都动，就是有数据库操作的时候不动
暮光之灵 2010-11-08
  • 打赏
  • 举报
 回复
这个问题我也碰到过，一般都是在做ajax的时候出现的 在等待的时候加载一个图片，我估计是图片《img 》写在js中引入后可能碰到一些未知问题可能是缓存 我自己也没解决
SK_Aqi 2010-11-07
  • 打赏
  • 举报
 回复
你是不是网速过快,闪了一下,
其实它动了的,你可以采用线程停一会试试看
cyhcyhhychyc 2010-11-07
  • 打赏
  • 举报
 回复
有这种事？不过有些gif图片在不同的图片显示软件中的效果有不一致，这种情况是遇到过，比如在微软自带的看图工具中正常的图片，却在acdsee中不正常。至于在页面中不正常就没有遇到过了。所以你最好在win系统自带的看图工具中打开看看是不是正常再说
小_虎 2010-11-07
  • 打赏
  • 举报
 回复
要知道这个Page_Load是在服务器里执行的。Page_PreInit, Page_Init, Page_PreLoad, Page_Load, Page_Render..等等都是在服务器里执行的，你是“看”不到的。直到Page_Unload执行完了，生成的html才会返回到客户端。

你以为是winform啊？呵呵。

------------
试试这个。
不用直接导航到这个aspx，可以先去一个html。内写

<html>

<body>

请等待......

<script language=javascript>

window.setTimeout("window.location.href='abc.aspx';",10);

</script></body>

</html>


请访问我的个人网站：http://www.52coding.net
porschev 2010-11-07
  • 打赏
  • 举报
 回复
换个浏览器试试。。。看是不是浏览器设置问题
chen_ya_ping 2010-11-07
  • 打赏
  • 举报
 回复
看下这个
http://www.cnblogs.com/chenping-987123/archive/2010/08/27/1809877.html
rart2008 2010-11-06
  • 打赏
  • 举报
 回复
你要把代码贴出来看啊
newdigitime 2010-11-06
  • 打赏
  • 举报
 回复
Internet属性-高级-多媒体-在网页中播放动画前打钩
加载更多回复（5）
数据处理需要一段时间 等待提示页面中 GIF 图片不动
在平煤十一矿的数据分析开发中，遇到GIF动画无法正常显示的问题。经过排查发现，当客户端与服务器为同一台电脑时，由于资源占用导致动画无法播放。更换测试设备后问题得以解决。
解决XP上WPF显示gif卡的问题
本文介绍了一种解决XP系统中GIF加载卡顿的方法，通过安装WPF动画GIF库并在XAML中简单配置即可实现平滑播放，适用于初始化过程或检测升级时的等待动画。
打造流畅用户体验：页面加载等待效果设计与实现
本文系统讲解页面加载等待效果的设计与实现，涵盖CSS3动画、JavaScript状态管理、GPU加速优化及可访问性支持。重点分析旋转加载器、波浪进度条、SVG描边等视觉方案，并结合React/Vue框架实践，提升用户感知性能与系统可信度。
Screen to Gif入门全解析：去除多余帧的正确方法
本文深入讲解如何利用Screen to Gif的帧编辑系统，通过差异高亮、延迟分析和节奏感知等技巧，精准删除冗余帧，显著压缩GIF文件大小并提升播放流畅度。涵盖从基础删帧流程到高级脚本辅助的完整方法论，适合希望制作高效、专业级GIF动画的技术人员。
动态文字GIF在线生成 / 零基础制作炫酷跳动字体 / 一键保存分享
本文介绍零基础制作动态文字GIF的方法，涵盖主流在线工具（如GIF中文网、闪字网）的操作流程、核心参数调节（跳动幅度、动画速度、运动轨迹）、背景与装饰添加技巧，以及企业级应用（批量生成、品牌水印、高清输出）。同时解析常见技术问题：GIF模糊原因（分辨率、色彩数、压缩率）、文件过大优化策略（减帧、缩尺、调色）、微信不动解决方案（规避自动压缩、转视频）。全程聚焦IT实现逻辑与Web端图形处理实践。
.NET社区

62,272

社区成员

668,969

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章