javascript播放圖片序列幀
1 先預加載
<pre>
var load_img = [];
for(k=0;k<=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>
注意的問題 盡量吧圖片壓縮的小一點 這樣渲染速度會快