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>

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