问题标签 [impress.js]

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 投票
1 回答
1626 浏览

javascript - 使用 Impress.js 创建动画项目符号列表

我正在使用 impress.js 进行演示,我必须在明天进行演示,我想知道的是如何(或者是否有可能)让我的无序列表中的列表项在单击时一一进行动画处理,就像它会工作一样在 powerpoint/prezi 中。

这是我的模板

这是我到目前为止的 CSS,它可以将所有 li 动画在一起,但不是一次点击一个。

有任何想法吗?

0 投票
1 回答
95 浏览

backbone.js - 如何在骨干内部留下深刻印象?

我已经阅读了 strut.io 的一些代码,但仍然令人困惑。这是我遇到的问题,我想加载 impress().init(); 什么时候

这是准备好了。我得到了 Uncaught TypeError: Cannot read property 'classList' of null 我知道这个函数需要在 div#impress 中的所有孩子之后加载。所以我想知道如何处理它。我应该在我的主干视图中添加该功能吗? https://github.com/lostpupil/final_project_impressjs/ 这是该代码的 github 存储库,因此我将数据存储在 Avos Cloud 中,此功能由 test.html 和 demo.js 测试。

0 投票
1 回答
257 浏览

impress.js - impress.js 的 Google Chrome 浏览器问题

对不起,这个相当不具体的标题,但我不能说得更好。

我正在创建一个在 Firefox 中完美运行的网站(就我编写的代码而言),但由于只有微不足道的更改它在 Chrome 中停止工作,我完全不知道为什么会这样!这是该网站的链接,您可以自己尝试: http: //aichorn.com/original

当我开始研究它时,它在 Chrome 中运行良好,但从昨天开始它在 Chrome 中停止运行。通常你应该能够点击“trail-infos”,然后一个带有链接的框应该淡入。你现在只能通过按空格键或点击右箭头来进入这个框......一旦你在跟踪信息框中有一个链接,上面写着“Allmountain”,您应该可以单击该链接。但它根本行不通。好像有一个不可见的叠加层或其他东西,阻止你点击!我不知道出了什么问题,一直在尝试 z-index 之类的东西,但没有任何帮助!我已经撤消了对上一个工作版本所做的所有更改,但它仍然无法正常工作。这让我发疯,因为我找不到任何理由!

0 投票
0 回答
579 浏览

jquery - Impress.js 将幻灯片宽度设置为 100%

我只是在尝试impress.js插件。我尝试将幻灯片的宽度设置为 100%,但它似乎没有采用百分比宽度....

对此的任何修复都将非常有帮助。

0 投票
1 回答
1650 浏览

javascript - 单击文档中的任意位置时清除超时

我正在使用 impress.js 进行演示 我已成功添加自动播放但现在我想要的是每当有人单击文档上的任何位置时它都应该停止

我尝试了很多东西,但无法让它发挥作用。请帮忙

0 投票
1 回答
156 浏览

javascript - Impress.js:如何使用 impress.js 修改 dom

我正在使用 impress.js 制作幻灯片。当我到达第 16 张幻灯片时,我希望 impress.js 调用一个名为myFunction()修改 DOM 的函数。我怎么打电话myFunction()?ps 当我到达第 16 张幻灯片时,impress.js 添加step-16了 url

0 投票
2 回答
609 浏览

javascript - 使用 jquery .each() 增加 attr 值

我正在使用 impress.js 进行演示,而不是将其用于花哨的东西,我只希望幻灯片彼此相距 900 像素。我可能需要根据演示文稿的长度添加/删除幻灯片,而不是更改每个 data-y 值,我想使用 jQuery 循环遍历我的每张幻灯片并在每个幻灯片位置添加 900px。这是我正在使用的 jQuery:

但它不会将值添加到我的 html 中的 data-y 属性中。我相信代码是正确的,我只是不确定为什么它不起作用。

0 投票
1 回答
851 浏览

javascript - 向 impress.js 添加事件监听器

我正在使用impress.js库进行演示。div如果幻灯片有类,我想为 where 附加一个侦听器present active。然后,我想在幻灯片上显示一个计数器。我尝试使用elem.addEventListener('change',function(){counter()},false),但没有用。

我想知道是否有办法将事件附加到impress:next函数中。

真诚的,阿卜杜勒

0 投票
2 回答
209 浏览

impress.js - 如何在 impress.js 中偏移一个步骤的视图位置

我正在使用 impress.js 来构建演示文稿。我围绕中心图像(图表)安排了几个步骤。我可以使用 data-x 和 data-y 成功地将步骤定位在图像周围,但是当演示文稿“打开”每个步骤时,我想偏移视图以便您可以看到更多的中心图像。

如何偏移每个步骤的演示视图?

0 投票
2 回答
125 浏览

javascript - 无法关闭 Fancybox iFrame

通过单击其中一个图块,可以在http://www.jeremiahbenes.com/#/portfolio找到我的问题。我在最新版本的 Chrome for Mac 中对此进行了测试,并遇到了下面描述的问题。

我已经实现了fancybox,但是当iFrame出现时,我无法关闭它。右上角的“x”似乎无法点击。这是我的实现:

我为 Fancybox 提供的代码是:

为什么不关闭?

(另一方面,如何将其设置为自动占用可用高度和宽度的 95%?我尝试使用 autosize,但这不起作用)。

谢谢你的帮助。