Angular 和 ng-image-slider - 一次只显示一张图片

Question

我正在使用 ng-image-slider 在我的应用中滑动图像。 除了更改“imageSize”输入和播放图像宽度/高度之外，我如何控制只出现一张图像。我希望它具有响应性。

这是我的代码-

        <ng-image-slider
            [images]="imageObject"
            [infinite]="true"
            [showArrow]="false"
            [autoSlide]="1">
        </ng-image-slider>

谢谢！

Answer 1

看起来显示的图像数量完全取决于包含滑块元素的大小，这意味着您需要知道图像滑块将占用的大小，并使 imageSize 适合整个空间（或使用 {{ 1}} 属性）。

如果您选择使图像的宽度占据整个空间，请确保将 space 属性设为 0，或者在设置宽度时将其考虑在内

由于宽度是固定的并且图像可能具有不同的宽高比，我建议使用 space 将其设置为 true

这是一个 Stackblitz example，图像填满了整个宽度。