光滑滑块的响应问题？

Question

我遇到了光滑滑块的问题，当它到达 breakpoint 时，就像 990px。它删除了背景并且没有显示任何类型的错误。 iconic

我正在使用这个 javascript 来提高响应能力。

jQuery(document).ready(function(){
    jQuery(".home_carousel").slick({
        dots: false,
        autoplay: true,
        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 1,
         responsive: [
            {
              breakpoint: 990,
              settings: {
              slidesToShow: 2
              }
            },
            {
              breakpoint: 668,
              settings: {
             arrows: false,
             centerMode: false,
             slidesToShow: 1
              }
            }
        ]
    });         
});

Answer 1

替换为：

<div class="high_post" style="background: url('http://www.viral.com.my/iconic/wp-content/uploads/2017/11/event.jpg'); ">
<div class="high_post" style="background: url('http://www.viral.com.my/iconic/wp-content/uploads/2017/11/local.jpg'); ">

至

<div class="img1 high_post">
<div class="img2 high_post">
and in css
.img1{
background: url('http://www.viral.com.my/iconic/wp-content/uploads/2017/11/event.jpg');
}
.img2{
background: url('http://www.viral.com.my/iconic/wp-content/uploads/2017/11/local.jpg');
}

与此类似，替换所有滑块。希望这会奏效如果那也不起作用，您可以通过

添加图像

if ($(window).width() <= 989) {
$(".img1").css({ 'background': "http://www.viral.com.my/iconic/wp-content/uploads/2017/11/event.jpg" });
}

Answer 2

在第 4692 行删除此 css (style.css) 在所有媒体设备中看到滑块后

@media (max-width: 570px)
style.css?ver=2013-07-18:4692
.home .slider_div {
    /* display: none; */
}

光滑滑块的响应问题？

responsive issue in slick slider?

javascript

jquery

slick.js