图片轮换动画仿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时间来处理他们。
原文地址:https://www.cnblogs.com/jinbiao/p/2300348.html