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

Question

您好我正在使用超大插件.我想根据加载的幻灯片更改页面中的内容.在文档中,我找到了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)含有基体的功能,例如转换,下一个/上滑动,和所有其他的必要组分.

2. 该主题文件 (位于主题文件夹中),允许你修改幻灯片与自定义,就像你提到的,或之类的东西进度条和自定义内容为每张幻灯片.这些是分开的,以防止您在每次更新基本文件时丢失自定义项,这在以前的版本中就是这种情况.

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

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

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

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

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

最好的,Sam Dunn

Answer 2

我尝试制作自己的主题,这对我有用:

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