我正在尝试使用jsMovie序列播放器运行测试,jQuery插件播放一系列jpeg来模拟动画。但是,虽然我可以设置选项并记录它们,但我没有得到任何错误,我也没有得到任何动画。这是我的代码:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script>
<script src="js/jquery.jsmovie.1.4.3b.js"></script>
<script language="javascript">
$(document).ready(function() {
$('.movie').jsMovie({
sequence : '26_01_010_####.jpg',
folder : 'images/animation/26_01_010/',
width: 480,
height : 350,
grid : {width:480, height:350, rows:1, columns:1},
loader : {path: 'images/loader2.png', width: 50, height: 50, rows: 4, columns: 4},
from : 1,
to : 20,
playOnLoad : false
});
console.log(_settings);
});
</script>
</head>
<body>
<div class="movie" style="width: 480px; height: 350px;"></div>
</body>
</html>
这是我的日志输出:
clipQueue : []
folder :"images/animation/26_01_010/"
fps : 12
from : 1
grid : Object { width=480, height=350, rows=1, more...}
height : 350
images : ["26_01_010_0001.jpg", "26_01_010_0002.jpg","26_01_010_0003.jpg", 17 more...]
loadParallel : 1
loader : Object { path="images/loader2.png", width=50, height=50, more...}
playBackwards : false
playOnLoad : false
repeat : true
sequence : "26_01_010_####.jpg"
showPreLoader : false
step : 1
to :20
verbose : true
width : 480
我是否错误地定位了div?插件页面上没有很多文档。
答案 0 :(得分:0)
您需要添加一个实际播放电影的电话,因为您的playOnLoad设置为false ...
在控制台调用上方添加以下行。
$('.movie').jsMovie('play');