Question

您好我正在使用来自

的光滑响应滑块

/*
     _ _      _       _
 ___| (_) ___| | __  (_)___
/ __| | |/ __| |/ /  | / __|
\__ \ | | (__|   < _ | \__ \
|___/_|_|\___|_|\_(_)/ |___/
                   |__/

 Version: 1.5.5
  Author: Ken Wheeler
 Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
  Issues: http://github.com/kenwheeler/slick/issues

 */

我正在使用的网站似乎存在网站图片无法正常显示的问题

Here是网址。

两边的箭头显示不同的图像开始看起来很奇怪我的大屏幕

使用以下作为js代码

$('.slick-hero-slider').slick({
        dots: true,
        infinite: true,
        speed: 500,
        slidesToShow: 1,
        slidesToScroll: 1,
        centerMode: true,
        infinite: true,
        centerPadding: '0',
        focusOnSelect: true,
        adaptiveHeight: true,
        autoplay: true,
        autoplaySpeed: 4500,
        pauseOnHover: true,
        mobileFirst:true,
        variableWidth: true
    });

Answer 1

我能够使用以下CSS实现全宽度滑块背景：

INSERT

我希望这有帮助！：）

英雄光滑滑块的问题，因为它没有覆盖全宽

1 个答案: