|zyciis| 怎么我也搞不好的问题 如何让一个图片动态加载一张图片，而原有的gif图片不定格 谢谢

Question

换种方法试试呢。比如你在个隐藏层里放个<Img src="my.jpg" onload="change();">
change执行
document.getElementById("你的不隐藏的loadimg的id").src="my.jpg";

Answer 1

简单的意思就是你放两个图片，一个是隐藏的一个是用户可见的。一开始用户可见的为load.gif。 当你隐藏的图片加载完毕后把你的用户可见的图片替换

Answer 2

RE：简单的意思就是你放两个图片，一个是隐藏的一个是用户可见的。一开始用户可见的为load.gif。 当你隐藏的图片加载完毕后把你的用户可见的图片替换
------------------------------
这样的方法就很麻烦在网页设计和其他的地方都要加两个图片谢谢 大家想想有没有好的办法

Answer 3

<script>
var t
function changimg()
{
var img=new Image();
img.src="http://avatar.profile.csdn.net/D/1/4/2_Even713.jpg";
if(img.complete)     
{
if(t)clearTimeout(t)
document.getElementById('newimg').src=img.src;
}
else
t=setTimeout('changimg()',1000)
}
}
</script>
<img src="http://community.csdn.net/ui/styles/default/images/loading.gif" onload="changimg()" id="newimg" />

Answer 4

<script>
var t;
function changimg()
{
var img=new Image();
img.src="http://avatar.profile.csdn.net/D/1/4/2_Even713.jpg";
if(img.complete)     
{
if(t)clearTimeout(t)
document.getElementById('newimg').src=img.src;
}
else{
t=setTimeout('changimg()',1000);
}
}
</script>
<img src="http://community.csdn.net/ui/styles/default/images/loading.gif" onload="this.onload=null;changimg()" id="newimg" />这样更完美些

Answer 5

想代码不麻烦就脚本麻烦好了。
<img src='load.gif' onload="show('my.jpg')>function show(name)
{
var oImage=new Image(); 
oImage.src="http://192.168.0.137/mzytest/02/Pic/"+name+"r.jpg";

//判断图片数是否已经下载完毕
if(oImage.readyState == "complete") 
{
document.getElementById("userpic").src=oImage.src;
window.clearInterval(timer);
timer=null;
//状态为已经下载
}
}
在show函数中
var time;
function show(name)
{
var oImage=new Image(); 
oImage.src="http://xxx/Pic/"+name; //判断图片数是否已经下载完毕
if(oImage.readyState == "complete") 
{
document.getElementById("你现在loading的图片id").src=oImage.src;
window.clearInterval(timer);
timer=null;
//状态为已经下载
}
        else
{
timer = window.setInterval("show("+name+")",50); //隔一会就检查下
}
}

Answer 6

img支持onload事件吗？
你要是需要这个效果用ajax看看 或者在body的
onbeforeload里img src= load.gif
onload事件里加一个img src= my.gif

Answer 7

<script type="text/javascript">
function $(sId){
    return document.getElementById(sId);
}
</script><img id='imgLoad' src='load.gif' onload='this.onload=null;this.src="my.jpg"'>
<img id='imgMy'   src='my.jpg' style='display:none;'
     onload="this.style.display='block';$('imgLoad').style.display='none';"/>

Answer 8

忘了把你的代码中的部分去掉了，不用那么麻烦
<script type="text/javascript">
function $(sId){
    return document.getElementById(sId);
}
</script><img id='imgLoad' src='load.gif'>
<img id='imgMy'   src='my.jpg' style='display:none;'
     onload="this.style.display='block';$('imgLoad').style.display='none';"/>