2013-03-26 80 views
5

我使用這個插件我的滑塊的jQuery幻燈片插件源

http://tympanus.net/codrops/2013/01/28/flipping-circle-slideshow/

演示鏈接:http://tympanus.net/Development/CircleFlipSlideshow/

插件是美化,但它似乎有把它建成一個自動幻燈片功能。我試圖理解和修改相同的內容,以便在幾秒鐘之後讓它自動旋轉。我還沒有創建一個jQuery插件之前,所以尋找一些幫助開始使用相同的。

插件的源代碼是在這裏:http://pastebin.com/3vLfWAnc

回答

1

您可以找到有關如何使jQuerys自己的主頁here

我也做了一個插件的教程,你可以找到here

一個jQuery插件信息

希望這會有所幫助,祝你好運:)學習

編輯: 這是一個黑客位,但你可以添加一個setInterval的中號行207像這樣:

$navLeft.find('span').on('click.flipshow touchstart.flipshow', function() { 
    self._navigate($(this), 'left'); 
    }); 
    setInterval(function() { 
    self._navigate($(this), 'left'); 
    },4000); 

我沒有測試過它,但它可能工作。

+0

非常感謝:D我希望能夠輕鬆地將修改添加到上述插件中:D –

+1

我不知道您對JavaScript和jQuery有多少了解,但是如果您有相當的知識,我認爲您會發現它很容易退出。當然,修改其他人的代碼可能比從頭開始構建自己的代碼更困難。 –

+1

導航箭頭在第198行添加,導航由第224行的功能控制。 –