jquery - jQuery幻灯片插件源码

Question

我正在为我的滑块使用这个插件

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

演示链接：http ://tympanus.net/Development/CircleFlipSlideshow/

该插件是 Beautify，但它似乎没有内置自动幻灯片功能。我试图理解和修改它，以便我可以让它在几秒钟后自动旋转。我之前没有创建过一个 jQuery 插件，所以在寻找一些帮助以开始使用它。

插件的来源在这里： http: //pastebin.com/3vLfWANc

Answer 1

你可以在这里找到关于如何在 jQuerys 自己的主页上制作 jQuery 插件的信息

我还制作了一个插件教程，你可以在这里找到

希望这会有所帮助，祝你学习顺利:)

编辑：这有点小技巧，但您可以在第 207 行添加一个 setInterval 方法，如下所示：

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

我还没有测试过，但它可能会起作用。