javascript播放图片序列帧

javascript播放图片序列帧
1 先预加载
<pre>
var load_img = [];
for(k=0;k&lt;=16;k++){
load_img.push( ‘/cjsxy/images/chuanyue/‘+k+‘.jpg‘ );
}

//资源图片加载
jQuery.imgpreload(load_img, {
all: function() {

}
});
</pre>

然后html ]

<pre>
<script type="text/javascript" src="/js/jquery.imgpreload.min.js"></script>
<img class="chuansuo" />
</pre>
最后js定时器播放

<pre>
$(‘.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);
</pre>

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

javascript播放图片序列帧

原文：https://www.cnblogs.com/newmiracle/p/11876739.html