我如何使用這個超大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） ，包含基本功能，如transition，next / prev slide和所有其他基本組件。

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);

Answer 3

您可以使用此腳本：

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