柔性滑动器2在一个方向上继续循环而不工作

flexslider 2 continues loop in one direction not working

本文关键字：方向 一个 继续 循环 工作      更新时间：2023-09-26

我正试图使flexroader在一个方向上循环，同时在一个方面循环。如果它到达循环中的最后一个图像，那么它应该再次从第一个图像开始。

我在jsfiddle 上设置的示例有两个问题

一：我无法使它在jsFiddle 上工作

第二：动画在最后打开，然后从另一个方向开始，而我只想在一个方向上从左向右移动。

$(window).load(function(){
  $('.flexslider').flexslider({
    animation: "slide",
    animationLoop: false,
    easing: "linear",
    useCSS: false,
    randomize: false,
    pauseOnHover: true,
    slideshowSpeed: 12,
    animationSpeed: 8000,
    controlNav: false,
    directionNav: false,
    itemWidth: 210,
    itemMargin: 5,
    start: function(slider){
      $('body').removeClass('loading');
    }
  });

第一期

您在脚本末尾错过了一个关闭的)};，因此它无效，您必须在Framework和扩展面板中将脚本部分设置为No wrap - in <head>。

对于您离开完整路径http://flexslider.woothemes.com/ 的第一张图像

第二期

目前唯一可以使用animationLoop: true设置的循环功能是唯一的解决方案。

这里有一个请求拉在github为一个更平滑的动画和循环：https://github.com/woothemes/FlexSlider/issues/287

代码：

$(window).load(function () {
    $('.flexslider').flexslider({
        animation: "slide",
        animationLoop: true,
        easing: "linear",
        useCSS: false,
        randomize: false,
        pauseOnHover: true,
        slideshowSpeed: 12,
        animationSpeed: 8000,
        controlNav: false,
        directionNav: false,
        itemWidth: 210,
        itemMargin: 5,
        start: function (slider) {
            $('body').removeClass('loading');
        }
    });
});

文档：https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties

演示：http://jsfiddle.net/IrvinDominin/6TXzC/

相关文章：