Frame advance animation plugin.
IE8+ and other new browsers
git clone https://github.com/konweb/jQuery.koma.js.git
or
npm install jquery-koma
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="./css/style.css">
<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="./js/jquery.koma.min.js"></script>
</head>
<body>
<div class="js-koma">
<div class="img-wrap koma-items">
<img src="./images/image1.png">
<img src="./images/image2.png">
<img src="./images/image3.png">
...
</div>
</div>
</body>
</html>.image-wrap{
position: relative;
height: 240px;
}
.image-wrap img{
position: absolute;
}<script>
$(function(){
$('.js-koma').koma();
});
</script>| option | description | default | type |
|---|---|---|---|
| fps | アニメーションのFPS | 20 | Number |
| steps | 画像分割読み込み | [] | Array |
| itemEl | 画像を囲うclass名 | '.koma-items' | String |
| restartEl | 再スタートボタンclass名 | '.koma-restart' | String |
| stopEl | ストップボタンclass名 | '.koma-stop' | String |