Slick Slider - 从左向右滑动答案

【问题标题】：Slick Slider - slide from left to rightSlick Slider - 从左向右滑动
【发布时间】：2019-02-14 11:58:57
【问题描述】：

只是想知道是否有人可以提供帮助。

我在我的一个 WordPress 网站上使用 Slick Slider，并且该滑块目前正在从右向左滑动。我希望滑块在更改幻灯片时从左向右滑动。

请问大家有什么建议吗？

<script type="text/javascript">
$(document).ready(function(){
$('.fadex').slick({
    dots: false,
    speed: 500,
    autoplay: true,
    autoplaySpeed: 3500,
    infinite: true,
    centerMode: false, 
    initialSlide: 0,
    arrows: true,
});
});
</script>

【问题讨论】：

和这个stackoverflow.com/questions/54557395/…有关吗？
一切正常。我认为它只是一个通用的滑块，大多数似乎都不是那样滑动的，所以我现在把这个问题留了下来。感谢您的所有帮助。

标签： wordpress slider slick.js

【解决方案1】：

解决这个问题需要你改变左值的样式

因为它为 single-product-image 类添加了一个否定项

在 slick.js 文件中的 第 866 行

添加新行并添加此条件

if($("html").attr("dir") == 'rtl'){ var newE = t.slideWidth * o; }else{ var newE = t.slideWidth * o * -1; }

然后改变这个条件

(e = t.slideWidth * o * -1)

到这里

(e = newE)

那么在 RTL 或 LTR 的情况下将依赖页面方向。

【讨论】：

【解决方案2】：

rtl : [slick-slider rtl=”true”]（用于 rtl 模式。默认值为“false”。选项为“true OR false”）。

只需使用提供的选项。默认值为“false”，将其更改为true，反之亦然以更改方向。

<script type="text/javascript">
$(document).ready(function(){
$('.fadex').slick({
    dots: false,
    speed: 500,
    autoplay: true,
    autoplaySpeed: 3500,
    infinite: true,
    centerMode: false, 
    initialSlide: 0,
    arrows: true,
    rtl: true,

});
});
</script>

【讨论】：

我需要在'rtl: true' 处，还是需要将任何代码添加到我的滑块本身。一些文档说我还必须向滑块本身添加一些代码。
如果添加到js文件中的代码中。它会将 RTL 应用于所有滑块。如果您将 RTL 添加到 shortocde 参数选项，它将仅适用于该特定滑块。所以答案是两者都有，这取决于您是希望它应用于所有滑块还是只应用于一个。
我已将滑块设置为 ACF 中继器。当我添加 rtl: true 时，它只会破坏滑块并完全变白:(
代码太多了，所以我把它切回来为你包括重要的部分......

那么显然所有的div都关闭了。
这里有点困惑。你不使用简码吗？输出滑块？你是如何安装光滑的滑块的？