Javascript flexslider 2在一个方向上继续循环不工作

我试图让flexslider在一个方向上连续循环一个方向。当它到达循环中的最后一个映像时，它应该再次从第一个映像开始

我对我所举的例子有两个问题

第一：我无法让它在JSFIDLE上工作

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

$(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');
    }
  });

第一期 你错过了一个结束语

）}位于脚本末尾，因此它无效，您必须在框架和扩展面板中将脚本部分设置为
No wrap-in

对于第一张图像，您留下了完整的路径
http://flexslider.woothemes.com/

第二期
现在唯一的解决方案是使用
animationLoop:true
设置唯一的循环功能

这里是github中的一个请求，用于更平滑的动画和循环：

代码：

文件：

演示：
感谢您的回复，但这并不像我要求的那样在循环中运行查看第二期部分和相关的github请求在“animationLoop:true”没有生效之前我遇到了一个问题，但是，我最终删除了“itemWidth:blah”，然后它就可以工作了。奇怪，不是吗？
$(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');
        }
    });
});