Javascript 从右到左滑动转盘

我已经设置了slick carousel以连续滚动，但是我需要向oposite方向滚动。添加RTL选项似乎不起作用

在这里拉小提琴（当前从左到右）

 $(function(){
    $('.slider').slick({

        speed: 10000,
        autoplay: true,
        autoplaySpeed: 100,
        cssEase: 'linear',
        slidesToShow: 1,
        slidesToScroll: 1,
        variableWidth: true

    });
});

---

将幻灯片滚动更改为-1（它将更改幻灯片方向）

---

下面是从上到下的垂直滑块示例

---

我知道这是老生常谈了，但狡猾的医生说：

注意：HTML标记或滑块的父级必须将属性“dir”设置为“rtl”。

设置为负值的“slidesToScroll”属性（例如

slidesToScroll:-1，

）不是本机解决方案。这就产生了图像平滑流动的问题

正确的方法是将属性

dir=“ltr”

添加到滑块的容器（HTML元素）或将属性

rtl:false

添加到滑块设置：

// add an attribute dir="ltr" to the slider's container
//$('.slider').attr('dir', 'ltr');

// OR add `rtl: false` property to slider settings

$('.slider').slick({
  autoplay: true,
  slidesToShow: 3,
  slidesToScroll: 3,
  dots: true,
  infinite: true,
  cssEase: 'linear',
  rtl: false
});

注意：这也将反转文本方向，可通过CSS

direction:ltr进行更改

在rtl css中，在不进行任何编辑的情况下添加以下内容

[dir='rtl'].光滑的滑梯{
浮动：左；}

谢谢你，伙计！我错过了
dir=“rtl”
部分。在我看来，这个答案必须是正确的，或者至少能获得更多的选票。谢谢你的客气话@hayatbiralem，你关注我的这篇文章，我在代码示例中做了一个小的更正。对你的答案进行解释会很好。这只有在你保持centerMode为真的情况下才能解决问题，如果禁用CenterMode:false，则选中此示例，它将不显示当前序列。。此模板中的序列显示为7,6,5,4,1，您会注意到幻灯片2和3仅在单击阵列或自动播放后显示@比拉·塔拉尔：非常感谢。经过一番努力，终于发现你的解决方案适合我，你的建议也非常有效。如果我使用
slidesToScroll:-1
我的滑块完全断开，有什么变化吗？@Loosie94你说得对。GitHub上的问题尚未得到回答：请参阅。提到“Slick Slider不适用于阿拉伯语#3702”，因此它似乎也不适用于右向左的语言，如波斯语和希伯来语。
$(function(){
$('.slider').slick({

    speed: 5000,
    autoplay: true,
    autoplaySpeed: 0,
    cssEase: 'linear',
    slidesToShow: 1,
    slidesToScroll: -1,
    vertical: true

});
});

// add an attribute dir="ltr" to the slider's container
//$('.slider').attr('dir', 'ltr');

// OR add `rtl: false` property to slider settings

$('.slider').slick({
  autoplay: true,
  slidesToShow: 3,
  slidesToScroll: 3,
  dots: true,
  infinite: true,
  cssEase: 'linear',
  rtl: false
});