问题标签 [turnjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
2528 浏览

javascript - turn.js 在翻页时添加声音

我想在翻页时添加声音效果,使用 turn.js jquery 插件。因此,第一步是根据在线文档测试执行此操作的功能。所以代码应该是这样的:

但事情是在开发人员控制台中没有发生任何事情。没有警报,什么都没有。

0 投票
2 回答
1514 浏览

javascript - 我可以使用 Angular js ng-repeat 和 turn.js 吗?

我正在尝试使用 turn.js 和 angular.js 制作杂志

我正在使用 Angular 解析 json 文件并提取图像路径,以便在我的视图中的 $scope 变量中使用它,使用 ng-repeat 和 turn.js 制作翻书动画,使 div 看起来像杂志。

但它不会生成翻书,只是一个接一个地绘制图像。

请帮忙!我把代码放在这里

HTML

动画书初始化

0 投票
1 回答
502 浏览

jquery - TURNJS 解除绑定点击事件

我正在将 JS 库 turnjs 用于翻书,效果很好。我添加了一个徽标和一个链接,以便访问者能够返回主页。返回主页的链接在加载时被隐藏并设置为延迟 7 秒显示,但是当您单击该链接时没有任何反应。

我四处寻找建议并找到了一些建议,但仍然无法使链接正常工作。这是我用于链接的代码:

CSS:

HTML:

查询:

我找到了 $('a.click').unbind('click'); 作为建议(除其他外),但它不启用点击功能。有任何想法吗??

0 投票
1 回答
6521 浏览

javascript - HTML5 Canvas 翻转卡片动画

我正在尝试通过在画布中绘制它来使用 html 画布创建翻转卡片效果。

不需要ccs3技巧。它应该以本地方式完成;

这是我通过更改比例使用 phaser.js 进行的初始测试

我想用画布达到这样的效果

http://www.turnjs.com/#samples/steve-jobs/10

任何人都知道如何做这将是一个很大的帮助

提前致谢

这是当前的演示 http://sopronioli713.github.io/test/

0 投票
1 回答
230 浏览

meteor - 为什么 Turn.js 在 Meteor 应用程序中只工作一次?

我想将 Turn.js 集成到一个流星项目中,但遇到一个“小”问题,

该脚本在我第一次“加载”模板时运行良好,但当我遇到相同的模板时就无法运行。

一切似乎只在用户第一次遇到模板时才执行脚本,但第二次不会再次启动。

我尝试了很多东西,但我开始认为这是因为车把 {{#if}}

Ps:在 chrome 上第二次加载它不会将 turn.js 显示为脚本:

在此处输入图像描述

0 投票
1 回答
705 浏览

turnjs - 如何在一个页面上有两本动画书?

我无法让两本翻书同时在同一页面上工作。

是否有可能让两者在同一页面上运行?

0 投票
1 回答
1299 浏览

javascript - 向turnjs“书”添加双页

我创建了一个网站,访问者可以使用 turnjs 浏览一本书。我将页面作为双页的 jpg 格式,我希望它们能够动态加载。

这是代码:

不幸的是,这不像我想要的那样工作,这就是正在发生的事情:

我在上面发布的代码插入了页面,但是每个双页都只是缩放到其宽度的 50% 并放在一页上。例如,在第 4 页上,我应该是第 4 页和第 5 页,而在左侧页面上,我与右侧相邻的页面相同。

我将最后一行更改为flipbook.turn('addPage',element);希望它会自动添加两页,但是插入的第一页是.p113而不是.p1

我还将我的代码更改为

但这导致只插入左侧页面。

那么,使用 动态添加双页的最佳方法是什么addPage?我在文档或示例中找不到任何相关内容。

0 投票
0 回答
696 浏览

canvas - Turn.js 弄乱了我的画布上的图像质量

我目前正在通过 PDF.JS 加载 PDF 文件并将生成的画布变成 Turn.js 翻书

我的页面是这样生成的。

并且轮流是这样应用的

非常基本的东西,但我不明白为什么会这样:

我尝试更改比例,应用 imageSmoothingEnabled:false,并将图像渲染更改为像素化无济于事......我错过了什么?

0 投票
1 回答
87 浏览

javascript - 如何让图像适合我的 JavaScript 应用程序?

我需要一些帮助才能让它以我想要的方式运行,我对 JavaScript 和 webdev 很陌生。我想在我用 Turn.js 编写的 javascript 应用程序旁边显示一个图像。

这是我认为正确的 HTML 代码:

我在这里设置了一个带有示例的 JFiddle: https ://jsfiddle.net/gpheob5r/

0 投票
1 回答
2354 浏览

turnjs - 销毁和重新初始化 Turn.js

我有一个正在使用的网页turn.js,如果用户将页面大小调整到某个阈值以下,我希望销毁并重新初始化插件。我正在测试如下:

但是我不确定如何turn.js随后重新初始化?