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

Question

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

以下是文档中的复制粘贴

theme.afterAnimation( )

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

触发：每次幻灯片转换后

http://buildinternet.com/project/supersized/docs.html#主题后

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

Answer 1

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

在实际下载中，位于此处，您会注意到幻灯片文件夹中有一个主题文件夹，单独的来自 js 和 css 文件夹 - 这是我们将重点关注的区域。

Supersized 运行分为两部分：

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

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

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

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

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

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

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

最好的，
萨姆·邓恩

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!');
};