滑动滑块人为居中

Slick slider artificially center

本文关键字:人为      更新时间:2023-10-13

我正在使用JQuery Slick Sliderhttp://kenwheeler.github.io/slick/这非常有效。

我还运行了一个单独的脚本,它检查页面url,如果光滑滑块中的链接具有相同的url,则会向该特定链接添加一个current类。

这个脚本如下:

jQuery(document).ready(function($) {
    var url = window.location.href;
    $('#slick a').filter(function() {
        return this.href == url;
    }).addClass('current');
});

这再次完美地工作。

不过,我希望扩展它,以便与current类的链接位于Slick Slider的中心。如果有人知道如何做到这一点,那么如果你能为我指明正确的方向,我将不胜感激。

感谢

您可以使用平滑滑块的"centerMode"answers"slickGoTo"设置。centerMode将保持当前幻灯片居中。根据您的条件,获取当前元素的计数,然后使用slickGoTo(count)可以将该元素居中。有关更多详细信息,请参阅设置菜单http://kenwheeler.github.io/slick/.