Javascript 在旋转木马中堆叠图像

我一次有5张图片在跑步

我遇到的麻烦是在第一张幻灯片上显示15个图像，以5跨3向下的布局堆叠，这样用户可以一次滚动/分页15个图像，而不是5个

我目前正在使用：

var slickOpts = {
        slidesToShow: 5,
        slidesToScroll: 5,
        dots: true,
        prevArrow: '.btn-prev',
        nextArrow: '.btn-next'
    };

当我将

slidesToShow

和

slidesToScroll

都设置为15时，它们只适合一行，而不是堆叠在一起

我也尝试过增加父容器的高度，但仍然没有成功

#dashboard {
    height: 600px
}

我怎样才能让它们堆叠在5x3的布局中，一次滚动15个页面

检查
您需要设置
高度：200px！重要的； 宽度：200px！重要的；
在面板中，还需要设置仪表板的溢出：隐藏，并相应地设置其高度

检查
您需要设置
高度：200px！重要的； 宽度：200px！重要的；
在面板中，还需要将溢出：隐藏设置到仪表板，并相应地设置其高度

你可以告诉插件前15项是1项，这样你可以滚动15项

HTML:

不要忘记将JS中的项目数从5更改为1。

你可以告诉插件前15项是1项，这样你可以滚动15项

HTML:

---

别忘了将JS中的项目数从5改为1。

谢谢，尽管图像不按顺序显示：/n你能想出如何让它们按顺序显示：1、2、3、4、5和下一行6、7、8、9、10…谢谢，尽管图像不按顺序显示：/n你能想出如何让它们按顺序显示：1、2、3、4、5和下一行6，7、8、9、10……啊，你比我快：）+1@ImranBughio非常感谢你，也感谢你，安斯曼。我喜欢的是anpsmn的响应能力，它可以很好地浮动。在您的中，如果您稍微移动窗口，您将看到第五个窗口浮动到它自己的行。有没有办法展示一个例子，说明它在哪里运行良好？@ImranBughio你是冠军！！非常感谢你。回答很高兴。啊，你比我快：）+1@ImranBughio非常感谢你，也感谢你，安斯曼。我喜欢的是anpsmn的响应能力，它可以很好地浮动。在您的中，如果您稍微移动窗口，您将看到第五个窗口浮动到它自己的行。有没有办法展示一个例子，说明它在哪里运行良好？@ImranBughio你是冠军！！非常感谢你。我乐意接受你的回答。

Please check 

<div id="dashboard">
    <div class="panel">
        <div class="panel__item">1</div>
        <div class="panel__item">2</div>
        <div class="panel__item">3</div>
        <div class="panel__item">4</div>
        <div class="panel__item">5</div>
        <div class="panel__item">6</div>
        <div class="panel__item">7</div>
        <div class="panel__item">8</div>
        <div class="panel__item">9</div>
        <div class="panel__item">10</div>
        <div class="panel__item">11</div>
        <div class="panel__item">12</div>
        <div class="panel__item">13</div>
        <div class="panel__item">14</div>
        <div class="panel__item">15</div>
    </div>
    <div class="panel">
        <div class="panel__item">16</div>
        <div class="panel__item">17</div>
        <div class="panel__item">18</div>
        <div class="panel__item">19</div>
        <div class="panel__item">20</div>
        <div class="panel__item">21</div>
        <div class="panel__item">22</div>
        <div class="panel__item">23</div>
        <div class="panel__item">24</div>
        <div class="panel__item">25</div>
        <div class="panel__item">26</div>
        <div class="panel__item">27</div>
        <div class="panel__item">28</div>
        <div class="panel__item">29</div>
        <div class="panel__item">30</div>
    </div>
</div>

.panel__item {
    border: 10px solid #333;
    background: #ccc;
    height:200px;
    margin: 10px;
    font-size: 72px;
    text-align: center;
    line-height: 200px;
    margin: 2%;
    width: 16%;
    float: left;
    box-sizing: border-box;
}
.panel__row {
    margin: 0 -2%;
}