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

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();
});