图片轮换动画仿GIF

 

var urls;
function animate(pos){
    /*只现实一次gif图
    if(pos==urls.length){
        return false;
    }    
    */
    
    
    pos %=urls.length;
    document.images["animate"].src=urls[pos];
    setTimeout("animate("+(pos+1)+");",1000);
}
window.onload=function(){
    urls=new Array("http://img.t.sinajs.cn/t4/style/images/medal/405_s.gif",
    "http://img.t.sinajs.cn/t4/style/images/medal/351_s.gif",
    "http://img.t.sinajs.cn/t4/style/images/medal/351_s.gif",
    "http://img.t.sinajs.cn/t4/style/images/medal/98_s.gif",
    "http://i.mmcdn.cn/simba/img/T1SpKJXf4lXXXXXXXX.jpg",
    "http://i.mmcdn.cn/simba/img/T1Cp1JXf8lXXXXXXXX.jpg",
    "http://i.mmcdn.cn/simba/img/T10E9IXgtiXXXXXXXX.jpg");
    animate(0);
}
 
</script>
<img src="http://img.t.sinajs.cn/t4/style/images/medal/405_s.gif"  name="animate">

<img src="image.gif" onerror="this.src='http://img03.taobaocdn.com/tps/i3/T1XDx.XnpCXXXXXXXX-78-86.png'" onabort="this.innerHTML='刷'" />

图像加载失败的时候提示或者载入出错的时候可以用onabort 和 onerror时间来处理他们。