Angular2垂直图像滑块

Question

我需要一个简单的垂直转盘或图像滑块npm包。请帮我

Answer 1

您可以使用Angular Image Slider;或使用ng-simple-slideshow并通过SCSS将其设置为垂直。

使用angular-image-slider的示例：

<div class="container">
  <div class="row">
    <div class="col-sm">
      <angular-image-slider [autoRotate]="true" [autoRotateAfter]="5000" [autoRotateRight]="true" [images]="imagesUrl"></angular-image-slider>
    </div>
  </div>
</div>

使用ng-simple-slideshow的示例：

<div class="container">
      <div class="row">
        <div class="col-sm">
          <slideshow [height]="height"
           [minHeight]="'525px'"
           [autoPlay]="true"
           [showArrows]="false"
           [imageUrls]="imageSources"
           [lazyLoad]="imageSources?.length > 1"
           [autoPlayWaitForLazyLoad]="true">
           </slideshow>
        </div>
      </div>
    </div>

类似地，您可以使用scss / css重叠来对齐slideshow和angular-image-slider的控件。