显示 bulma carousel 中的所有图像

Question

我正在使用 bulma-carousel 显示三张图片的幻灯片，它将 所有 三张图片显示为滑块（并排），它们可以更改为活动的，但“无活动" 图像也会显示。

<section class="section">
    <div class="container">
        <div id="post_images" class="carousel">
            <div class="item-1">
                <figure class="image is-16by9 has-ratio">
                    <img src="path/to/image"/>
                </figure>
            </div>
            <div class="item-2">
                <figure class="image is-16by9 has-ratio">
                    <img src="path/to/image"/>
                </figure>
            </div>
            <div class="item-3">
                <figure class="image is-16by9 has-ratio">
                    <img src="path/to/image"/>
                </figure>
            </div>
        </div>
    </div>
</section>
<script>
   bulmaCarousel.attach('#post_images', {
      slidesToScroll: 1,
      slidesToShow: 1,
      loop: true,
    });
</script>

我做了这个Codepen example。

Answer 1

解决方法：

.carousel {
  overflow: hidden;
}