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

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

以下是来自文档的复制粘贴



如果我想在每次幻灯片更改后提示 alert('slide changed!'); 会怎样？
我只是无法理解如何使用 these apis'。

最佳答案

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

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

超大运行分两部分:

基础文件 (js/supersized.3.2.x & css/supersized.css) 包含基础功能，如过渡、下一张/上一张幻灯片和所有其他基本组件。

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

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

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

如果你滚动到 supersized.shutter.js 的底部，你会注意到你正在寻找的 afterAnimation 函数——这是你可以插入 alert('Slide Changed'); 行的地方。

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

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

最好的，
山姆·邓恩