问题[slider]

早上好，我需要达到这个效果

是否有此效果的说明，还是我需要使用不同的滑块？

感谢您的回答！

你好，我不明白如何在滑动条中添加数字如何在活动圈内添加数字添加什么脚本解释

我的幻灯片全部显示为一张大的数字幻灯片，并一次全部翻阅。这是什么故障？

<div class="first-carousel owl-theme">
  <div class="first-slide">1</div>
  <div class="first-slide">2</div>
  <div class="first-slide">3</div>
  <div class="first-slide">4</div>
  <div class="first-slide">5</div>
  <div class="first-slide">6</div>
</div>

CSS：

.first-slide{
     border: 3px solid green;
 }

JS：

$(document).ready(function(){
  $(".first-carousel").owlCarousel({

  });
});

问题是这样的：
我们去这里 http://www.mitrix.io/mobile-development
在页面中间有一个黑色部分“我们的专业领域”
有一个标题和 8 个元素 l-dedicated-developers__item
像这样：在桌面上它应该看起来像现在一样，宽度：830px，列表被转换为 X 滚动，但我希望它是一个具有滑动效果的滑块，当返回一个分辨率时宽度大于宽度 830px，应该再次有一个常规列表。

我使用 Slick 滑块，但我不知道如何在不重新加载页面的情况下使其初始化，而是通过调整窗口大小。

在 slick slider 中，单击箭头转到上一张或下一张幻灯片后，自动播放停止工作，但单击页面的任何区域后，自动播放再次开始工作，但必须在单击箭头后，自动播放更进一步。我该如何解决？

JS：

jQuery(document).ready(function ($) {

    var $slider = $('.slider');
    if ($slider.length) {
        $slider.slick({
            slidesToShow: 7,
            slidesToScroll: 1,
            autoplay: true,
            autoplaySpeed: 1500,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 3,
                        slidesToScroll: 3,
                        infinite: true,
                        autoplay: true,
                        autoplaySpeed: 1500
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        autoplay: true,
                        autoplaySpeed: 1500,
                        slidesToShow: 2,
                        slidesToScroll: 2
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1,
                        autoplay: true,
                        autoplaySpeed: 1500
                    }
                }
            ]
        });
    }
});