Skip to main content
 首页 » 编程设计

jQuery SlideShow 插件源码

2026年07月28日4zhengyun_ustc

我正在为我的 slider 使用此插件

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

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

该插件是美化的,但它似乎没有内置自动幻灯片功能。我试图理解并修改它,以便我可以让它在几秒钟后自动旋转。我之前没有创建过 jQuery 插件,因此需要一些帮助来开始使用它。

插件来源在这里:http://pastebin.com/3vLfWAnc

请您参考如下方法:

您可以在 jQuery 自己的主页 here 找到有关如何制作 jQuery 插件的信息。

我还制作了一个插件教程,你可以找到here

希望这有帮助,祝学习顺利:)

编辑: 这有点破解,但您可以在第 207 行添加一个 setInterval 方法,如下所示:

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

我还没有测试过,但它可能有效。