jquery - 我如何使用这个超大jquery插件的api

Question

您好，我正在使用超大插件。我想根据加载的幻灯片更改页面中的内容。在文档中我找到了相应的 api，但不知道如何做到这一点。

以下是文档中的复制粘贴

theme.afterAnimation( )

Runs each time a slide transition is completed.

trigger : after each slide transition

http://buildinternet.com/project/supersized/docs.html#theme-after

如果我想在每次幻灯片更改后提示alert('幻灯片已更改!'); 会怎样？我就是不明白怎么办these apis'可以用。

Answer 1

我是 Supersized 的创建者，我想来这里帮助您解决这个问题。

在实际下载中，located here ，您会注意到幻灯片文件夹中有一个主题文件夹，与 js 和 css 文件夹分开 - 这是我们将重点关注的区域。

超大型运行分为两部分:

1. 基本文件(js/supersized.3.2.x & css/supersized.css)，其中包含基本功能，例如过渡、下一个/上一个幻灯片以及所有其他重要组件。

2. 主题文件(位于主题文件夹中)，允许您使用自定义内容修改幻灯片，例如您提到的或进度之类的内容每张幻灯片的栏和自定义内容。这些文件是分开的，以防止您每次更新基本文件时都会丢失自定义设置(以前的版本就是这种情况)。

在下载中，我包含了 Shutter 主题，我打算让人们将其用作自己开发的基础。 不必担心触及基本文件 - 它们会自动调用主题文件，这是您所有更改都将存放的位置。

如果您打开theme/supersized.shutter.js，您会注意到主题对象文字中有许多函数 - 这是您放置主题函数的地方文档中描述。 请记住，编辑演示 html 页面上的路径以使其指向该文件，因为默认情况下它指向缩小的 theme/supersized.shutter.min.js.

如果您向 supersized.shutter.js 的底部滚动，您会注意到您正在寻找的 afterAnimation 函数 - 您可以在此处插入 alert('幻灯片已更改'); 行。

从那里您可以自由地删除不需要的任何功能并构建您自己的主题。

希望有所帮助，非常感谢您使用该插件!

最好，萨姆·邓恩