js播放图片序列帧

js播放图片序列帧
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);

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