无法使用 Flipbook jquery 插件获取要显示的 png 图像序列

发布于 2024-11-08 05:55:45 字数 1109 浏览 0 评论 0原文

我正在尝试使用“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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

走走停停 2024-11-15 05:55:45

问题是您从未初始化过活页簿。类似...

现场演示

<script type="text/javascript">
    $(function() {
        $('img.guard').flipbook({
            'mobileStep': 1
        });
    });
</script>

The problem is that you aren't ever initializing your flipbook. Something like...

(Live Demo)

<script type="text/javascript">
    $(function() {
        $('img.guard').flipbook({
            'mobileStep': 1
        });
    });
</script>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文