无法使用 Flipbook jquery 插件获取要显示的 png 图像序列
我正在尝试使用“flipbook”在网页上循环 png 图像序列(http://inscopeapps.com /demos/flipbook/)
无论我尝试什么,我尝试创建的演示最终都会出现一个空白页面(http://dsdmdesign.com/guard/guard.html)
我的代码是:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<style type="text/css">
.guard {
display: block;
position: relative;
}
</style>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js>
</script>
<script src="jquery.flipbook.js"></script>
<img class="guard" images="guard.%3d.png" start="1" end="10" fps="24" mobileStep="3" />
</body>
</html>
有谁知道如何让图像序列正确显示?我是使用 jquery 的新手。
I'm trying to loop a png image sequence on a web page using "flipbook" (http://inscopeapps.com/demos/flipbook/)
No matter what I seem to try, the demo I'm trying to create ends up with a blank page (http://dsdmdesign.com/guard/guard.html)
My code is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
</head>
<style type="text/css">
.guard {
display: block;
position: relative;
}
</style>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js>
</script>
<script src="jquery.flipbook.js"></script>
<img class="guard" images="guard.%3d.png" start="1" end="10" fps="24" mobileStep="3" />
</body>
</html>
Does anyone know how to get the image sequence to show up correctly? I am very much a newbie to using jquery.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
问题是您从未初始化过活页簿。类似...
(现场演示)
The problem is that you aren't ever initializing your flipbook. Something like...
(Live Demo)