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

最后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); 注意的问题 尽量吧图片压缩的小一点 这样渲染速度会快