Javascript jQuery滑块最后到第一个转换

默认情况下，当它在最后一张幻灯片上时，滑块只是再次向左滚动以重新开始，就像它是一个无限循环一样。我想让它在所有幻灯片中滚动回来，并再次降落在第一张幻灯片上。很像这里（见第页末尾：）。我使用“jssor.comJavaScript”创建了它，使用了carousel演示，我不能向选项中添加循环，所以我必须创建另一个函数，但我不知道如何做

如何才能做到这一点

谢谢，我对这东西还不熟悉

这是我的，如果它可以帮助你，但它不工作，因为我有一些外部来源，不承认。我为HTML和CSS代码的长度感到抱歉，我不得不这样对待这份工作

这是我的JS

jQuery(document).ready(function Slider($) {

        var numOfCols = 0;
        var slideWidth = 0;

        var bodyWidth = document.body.clientWidth;
        if (bodyWidth) {
            if (bodyWidth >= 770) {
                    numOfCols = 4;
                    slideWidth = 200;
                    console.log("desktop");
                }
                else if (bodyWidth >= 500) {
                    numOfCols = 2;
                    slideWidth = 230;
                    console.log("tablet");
                }
                else {
                    slideWidth = 285;
                    numOfCols = 1;
                    console.log("mobile");
                }
        }

        var jssor_1_options = {
          $AutoPlay: true,
          $AutoPlaySteps: 1,
          $SlideDuration: 500,
          $SlideWidth: slideWidth,
          $SlideSpacing: 3,
          $Cols: numOfCols,
          $PauseOnHover:0,
          $Loop: 2,
          $otpCenter: true
        };

        var jssor_1_slider = new $JssorSlider$("jssor_1", jssor_1_options);


        $("#right").click(function() {
            jssor_1_slider.$Next();
        })

        $("#left").click(function() {
            jssor_1_slider.$Prev();
        });
    });

请设置$Loop:2（倒带）

请检查此处的循环选项

编辑

我检查了你的密码，然后。 循环有效。问题是“外部容器”和“幻灯片”容器的宽度出乎意料。请更改两个容器的宽度

<div id="jssor_1" data-slide="0" style="position:relative;margin:0 auto;top:0px;left:0px;width:809px;height:350px;overflow:hidden;visibility:hidden;">
<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:809px;height:350px;overflow:hidden;">

---

滑块中没有图像。当滑块没有移动任何内容时，很难看到发生了什么。有图像，但正如我所写的，JSFIDLE不起作用，因为它不接受外部源。无论如何，您可以在问题中的Hogan链接上看到相同的滑块。区别在于我的箭不起作用@FrederickM.Rogers我的建议是，找到一个能为您提供所需效果的滑块，而不是尝试对此滑块进行修改。如果您仍使用该滑块插件，请尝试此滑块Idangero.us没有我想要的滑块：）@ShinoyShajiI try with$Loop:2，但它不起作用，因为此滑块显示四列（幻灯片）当时，不仅是一个。还有一个问题：是否可以将箭头放在幻灯片div之外？@jssorOk arrows还可以，我的loop仍然存在问题。我再次尝试$loop:2，但什么都没有。请帮帮我！我使用了旋转木马演示。@jssorPlease看一看，好吧，我不知道为什么，但现在它可以工作了：D谢谢！不，ok不是真的，它只对m有效obile，因为我根据屏幕（手机、平板电脑、桌面）动态设置了列数。对于手机，我只有一个列，可以正常工作。我上传更改后的代码。@jssor

<div id="jssor_1" data-slide="0" style="position:relative;margin:0 auto;top:0px;left:0px;width:809px;height:350px;overflow:hidden;visibility:hidden;">
<div data-u="slides" style="cursor:default;position:relative;top:0px;left:0px;width:809px;height:350px;overflow:hidden;">

    var bodyWidth = document.body.clientWidth;
    if (bodyWidth) {
        if (bodyWidth >= 770) {
            numOfCols = 4;
            slideWidth = 200;
            console.log("desktop");
        }
        else if (bodyWidth >= 500) {
            numOfCols = 2;
            slideWidth = 230;
            //width of the 2 containers should be 230 x 2 + 3 * 1 = 463
            console.log("tablet");
        }
        else {
            slideWidth = 285;
            numOfCols = 1;
            //width of the 2 containers should be 285
            console.log("mobile");
        }
    }