javascript播放图片序列帧详解编程语言

javascript播放图片序列帧
1 先预加载

var load_img = [];
for(k=0;k<=16;k++){
load_img.push( '/cjsxy/images/chuanyue/'+k+'.jpg' );
}
 
//资源图片加载
jQuery.imgpreload(load_img, {
all: function() {
 
}
});

然后html ]

<script type="text/javascript" src="/js/jquery.imgpreload.min.js"></script>
<img class="chuansuo" />

最后js定时器播放

 $('.chuansuo').css('display', 'block');
 i++;
 if (i >= 16) {
 $('.chuansuo').css('display', 'none');
 i=0;
 return false;
 }
 $('.chuansuo').attr('src', "/cjsxy/images/chuanyue/" + i + ".jpg");
 ss = setTimeout(chuanyue, 200);

注意的问题 尽量吧图片压缩的小一点 这样渲染速度会快