0.0.4 • Published 9 years ago
jquery-koma v0.0.4
jQuery.koma.js
Frame advance animation plugin.
Demo
Browsers
IE8+ and other new browsers
Install
git clone https://github.com/konweb/jQuery.koma.js.git
or
npm install jquery-koma
Get started
HTML
<!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>
CSS
.image-wrap{
position: relative;
height: 240px;
}
.image-wrap img{
position: absolute;
}
JS
<script>
$(function(){
$('.js-koma').koma();
});
</script>
Options
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 |