Question

impress.js是一个使用Javascript编写的新Web演示文稿。我想创建自定义事件以转到下一页。例如，我可能会创建一个“下一个”和“上一个”按钮。

整个impress.js文件是一个函数，从函数内调用selectPrev();将转到下一页。但是，我对Javascript不是很了解，我不知道如何从函数外部调用selectPrev();。

可在此处找到该文件：https://github.com/bartaz/impress.js/blob/master/js/impress.js

Answer 1

自从提出这个问题以来，

impress.js已经更新。现在只需调用以下API方法之一：

impress().next();
impress().prev();
impress().goto(10);

我已添加此内容以防任何人在这个问题上遇到麻烦。

Answer 2

从外观上看，整个文件都在一个闭包中，selectNext是该闭包的本地文件。此外，它仅在键监听器中间接使用，因此从那里获取它也是不切实际的。

因此，在没有修改源代码的情况下，我看不到任何简单的方法来获取selectPrev/selectNext。

以下是六小时前提交的消息：

impressive refactoring of slide selection - getting closer to API

开发人员似乎计划尽快添加适当的API。如果你稍等一下，应该有一些标准的，认可的（希望）记录的方式与impress.js以编程方式进行交互。

如果您只想快速入侵，可以随时按下按钮触发关键事件。如果你正在使用jQuery，你可以这样做：

$(document).trigger($.Event("keydown", { keyCode: 38 }))

38将转到下一张幻灯片，40转到上一张幻灯片。

Answer 3

我建议改用jmpress.js。它是impress.js的jQuery端口，它有一个带有 next 和 prev 方法的API，等等。

Answer 4

它有效，如果next-prev在in impress div中

$('#next').on('click', function(e){
    impress().next();
    e.stopPropagation();
});

$('#prev').on('click', function(e){
    impress().prev();
    e.stopPropagation();
});

如何添加到impress.js中的下一张幻灯片

4 个答案: