使用ResponsiveSlides.js,在完成1循环后停止幻灯片放映

时间:2016-03-08 14:47:04

标签: javascript jquery loops slideshow responsive-slides

我正在使用http://responsiveslides.com/制作带有自定义导航功能的幻灯片。我希望这个导航能够贯穿一次然后再停在第一个导航中。关于如何做到这一点的任何想法?这是我的JS(基本上取自他们的文档......)。

提前致谢!

    $(".rslides").responsiveSlides({
      auto: true,             // Boolean: Animate automatically, true or false
      speed: 500,            // Integer: Speed of the transition, in milliseconds
      timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
      pager: true,           // Boolean: Show pager, true or false
      nav: true,             // Boolean: Show navigation, true or false
      random: false,          // Boolean: Randomize the order of the slides, true or false
      pause: true,           // Boolean: Pause on hover, true or false
      pauseControls: true,    // Boolean: Pause when hovering controls, true or false
      prevText: "Previous",   // String: Text for the "previous" button
      nextText: "Next",       // String: Text for the "next" button
      maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
      navContainer: ".slider",       // Selector: Where controls should be appended to, default is after the 'ul'
      manualControls: ".types-home",     // Selector: Declare custom pager navigation
      namespace: "rslides",   // String: Change the default namespace used
      before: function(){

      },   // Function: Before callback
      after: function(){

      }     // Function: After callback
    });

0 个答案:

没有答案