Question

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

我在一个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>

Answer 1

rtl：[slick-slider rtl =“ true”]（用于rtl模式。默认值为“ false”。选项为“ ture 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>

Answer 2

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

因为它为 single-product-image 类添加了一个负值

在 866 行

的 slick.js 文件中

添加新行并添加此条件

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 个答案: