【问题标题】:Slick Slider Vertical Center Slide IssueSlick Slider垂直中心幻灯片问题
【发布时间】:2020-02-15 09:04:12
【问题描述】:

我在我的项目中使用平滑滑块的垂直滑块中的中心模式。他们网站上的演示始终在中心幻灯片中处于活动状态,总共有 3 张幻灯片。但就我而言,我有 9 张幻灯片,当我应用它们的设置并制作 9 张幻灯片时,它再次激活了第二张幻灯片,但我需要它来激活将成为第五张幻灯片的中心。 我附上我的项目截图和我的代码

Javascript 代码

$('.slider-for').slick(
{
    slidesToShow: 1,
    slidesToScroll: 1,
    arrows: false,
    fade: false,
    adaptiveHeight: true,
    infinite: false,
    useTransform: true,
    speed: 400,
});

$('.slider-nav').slick(
{
    slidesToShow: 9,
    slidesToScroll: 1,
    asNavFor: '.slider-for',
    dots: false,
    arrows: false,
    centerMode: true,
    focusOnSelect: true,
    vertical: true
});

【问题讨论】:

    标签: javascript jquery slick.js


    【解决方案1】:

    在该网站上,在中心模式下,它们有六张幻灯片,但一次显示 3 张幻灯片,每次点击滚动 1 张幻灯片。 因此,*slideToShow * 必须是你想在他们的情况下显示多少张幻灯片的值,它是 3。而不是你有多少张幻灯片。

    我想,你可以试试把 幻灯片放映:3

    【讨论】:

    • 幻灯片数量为 9 我想将幻灯片编号 5 居中。
    • 当 make i *slideToShow * 3 它使滑块像这个图像在链接中(prnt.sc/r2o45z)。
    • 你可以把 initialSlide: 4 或 5 从你想开始的地方。在您的情况下,您可能想要放置 9 张幻灯片,然后您可以放置​​ slideToShow : 9
    猜你喜欢
    • 1970-01-01
    • 2018-02-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-09-30
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多