如何使用超大型jquery插件的這個api

您好我正在使用超大型插件。我想根據加載的幻燈片更改頁面中的內容。在文檔中我找到了API，但無法弄清楚如何去做。如何使用超大型jquery插件的這個api

下面是從文檔

theme.afterAnimation（）每一個幻燈片過渡完成時間

運行的複製粘貼。

trigger : after each slide transition

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

如果我想每個幻燈片更改後提示alert('slide changed!');怎麼會是誰？我只是不明白如何使用these apis'。

來源

2011-08-01 esafwan

這些都是一些沒什麼用文檔。拋出像'API'和'主題'這樣的術語，現在解釋如何使用它們或使用它們的任何示例（據我所知）。看過「docs」和代碼一段時間後，我明白了，回調'afterAnimation'只存在於一個主題內（不管是什麼）。初始化幻燈片本身時無法將其設置爲選項。 – polarblau

我是Supersized的創造者，我想在這裏彈出並幫助您理清這一點。

在實際下載中，您會注意到在幻燈片文件夾中有一個主題文件夾，與js和css文件夾分開 - 這是我們將要關注的區域。

在兩個部分超大型運行：

的基本文件（JS/supersized.3.2.x & CSS/supersized.css）其含有鹼官能團如過渡，下一個/上一張幻燈片以及所有其他重要組件。
的主題文件（位於主題文件夾中）允許你修改幻燈片與自定義，就像你提到的，或之類的東西進度條和自定義內容爲每張幻燈片。這些是分開的，以防止每次更新基本文件時丟失定製，這在以前的版本中就是這種情況。

在下載中，我已經包含了Shutter主題，我打算讓人們用它作爲自己開發的基礎。 不要擔心觸摸基本文件 - 他們會自動調用主題文件，這是您所做的所有更改。

如果您打開theme/supersized.shutter.js，您會注意到主題對象字面值中有多個函數 - 這是放置文檔中描述的主題函數的地方。 請記住，您需要更新演示html頁面上的路徑，以便在編輯它時指向此文件，因爲默認情況下它指向縮小的theme/supersized.shutter.min.js。

如果滾動到的底部supersized.shutter。js，您會注意到您正在尋找的afterAnimation功能 - 這是您可以插入alert('Slide Changed');行的地方。

從那裏你可以自由地去除你不需要的任何功能，並建立你自己的主題。

希望有助於和非常感謝您使用插件！

最佳，薩姆·鄧恩

來源

2011-08-02 01:29:28

非常好的解釋。非常感謝你。 – esafwan

謝謝你那個偉大的插件，山姆！我有一個相關的問題 - 它是關於調用像goTo（targetSlide）的API函數。這個問題已經被問到[這裏]（http://stackoverflow.com/questions/7038700/calling-function-of-a-jquery-plugin-supersized-via-its-api-as-part-of-a- clic），你可以看看嗎？謝謝！ – gstercken

僅供參考，您似乎未在您的下載中包含/ theme /目錄，這可能是人們感到困惑的原因。不過，它在GitHub上。編輯：剛剛意識到，我一直在下載像上面的人一樣的傳統版本 - 認爲大綠色鏈接只是一個標題。帶下劃線的鏈接樣式FTW ... –

我試圖讓我自己的主題，這爲我工作：

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

來源

2012-09-27 22:25:39 nazzilla

你可以使用這個腳本：

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

來源

2015-04-16 09:36:34 nixis

答案通常是通過一些解釋而不是僅僅一段代碼片段來改進的。 – Sobrique

請詳細說明以使其成爲一個很好的答案！乾杯! – SimonSez

如何使用超大型jquery插件的這個api

回答

相關問題