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

您好我正在使用超大插件。 我想根据加载的幻灯片更改页面中的内容。 在文档中我发现了api，但无法弄清楚如何做到这一点。

以下是文档中的复制粘贴

theme.afterAnimation（）

每次幻灯片转换完成时运行。

trigger : after each slide transition

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

如果我想提示alert('slide changed!'); 每次幻灯片改变后会怎么样？ 我只是无法理解如何使用这些api’ 。

Answer 1

我是Supersized的创造者，我想在这里弹出并帮助你理顺它。

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

超大型运行分为两部分：

1. 基本文件 （js / supersized.3.2.x和css / supersized.css） ，包含基本function，例如transition，next / prev slide和所有其他基本组件。

2. 主题文件 （位于主题文件夹中）允许您修改带有自定义的幻灯片，例如您提到的幻灯片，或每张幻灯片的进度条和自定义内容。 这些是分开的，以防止您在每次更新基本文件时丢失自定义项，这在以前的版本中就是这种情况。

在下载中，我已经包含了Shutter主题，我打算让人们将其作为自己开发的基础。 不要担心触摸基本文件 – 它们会自动调用主题文件，这是您进行所有更改的地方。

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

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

从那里你可以自由地删除你不需要的任何function，并构建你自己的主题。

希望对使用该插件有所帮助并非常感谢！

最好的，Sam Dunn

Answer 2

我试着制作自己的主题，这对我有用：

 (function($){ theme = { _init : function(){ console.log('hi im supersized'); }, afterAnimation:function(){ console.log('Slide Changed'); } }; })(jQuery); 

Answer 3

您可以使用此脚本：

 $('.selector').vTicker('init'); theme.afterAnimation = function() { alert('slide changed!'); };