TA貢獻1876條經驗 獲得超6個贊
您可以使用libgif庫。
它使您可以啟動/停止gif并控制gif所在的幀。
<script type="text/javascript" src="./libgif.js"></script>
<img src="./example1_preview.gif" rel:animated_src="./example1.gif"
width="360" height="360" rel:auto_play="1" rel:rubbable="1" />
<script type="text/javascript">
$$('img').each(function (img_tag) {
if (/.*\.gif/.test(img_tag.src)) {
var rub = new SuperGif({ gif: img_tag } );
rub.load(function(){
console.log('oh hey, now the gif is loaded');
});
}
});
</script>
TA貢獻1893條經驗 獲得超10個贊
我使用 x-gif非常酷并且易于設置。
從Github：
<x-gif src="probably_cats.gif"></x-gif>
您可以在其中添加以下內容作為屬性：
播放模式：
speed="1.0" （默認模式）將速度乘以屬性值；
sync 延遲播放到外部對象；
bpm="120" 將GIF同步到給定的每分鐘節拍；
選項：
stopped 阻止GIF動畫；
fill 使GIF擴展以覆蓋其容器；
n-times="3.0" （僅速度模式）在設置的次數后停止播放（通過添加stop屬性）；
snap （僅限同步和bpm模式），而不是讓更長的GIF同步到多個節拍，而是強迫它們只適合一個節拍；
ping-pong 從頭到尾然后從頭到尾播放GIF；
調試：
debug 打開Gif Exploder的調試輸出；
exploded 停止播放，并并排渲染每一幀。
舉報