Question

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

以下是文档

中的复制粘贴

theme.afterAnimation（）

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

trigger : after each slide transition

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

如果我想在每次幻灯片更改后提示alert('slide changed!');，它会如何？我只是不明白如何使用these apis'。

Answer 1

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

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

超级跑分为两部分：

基本文件 （js / supersized.3.2.x＆amp; css / supersized.css），其中包含基本功能，例如过渡，下一个/ prev slide，以及所有其他必要组件。
主题文件 （位于主题文件夹中），可让您修改自定义幻灯片，例如您提到的幻灯片或进展等内容每张幻灯片的条形图和自定义内容。它们是分开的，以防止每次基础文件更新时都丢失自定义项，这是以前版本中的情况。

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

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

如果您向 supersized.shutter.js 的底部滚动，您会注意到您正在寻找的AfterAnimation功能 - 您可以在此处插入alert('Slide Changed');行

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

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

最佳，山姆邓恩

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

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

3 个答案: