Существует ли какая-либо карусель для угловых 6+, которую можно использовать для автоматического воспроизведения слайдов изображений, а также щелчка стрелками с поддержкой касания и пролистывания - PullRequest
Новая
       7

Существует ли какая-либо карусель для угловых 6+, которую можно использовать для автоматического воспроизведения слайдов изображений, а также щелчка стрелками с поддержкой касания и пролистывания

0 голосов
/ 14 мая 2019

Мне нужен карусельный слайдер изображений, который можно коснуться и провести пальцем по углам 6+.Я только что сделал код, но автозапуск не работает в коде, а привязка данных к нему очень медленная, стрелки появляются очень поздно на экране. 

   <div id="GalleryHT" class="carousel slide" data-ride="carousel" >

            <!-- Indicators -->
     <ul class="carousel-indicators">
        <li data-target="#GalleryHT"></li>
   </ul>

   <!-- The slideshow -->
  <div class="carousel-inner">

          <div class="carousel-item" *ngFor="let gal of gallery; let isFirst = first" [class.active]="isFirst"  [ngStyle] ="{'background-image':'url('+ gal.image_url +')'}" >

              <div class="caption">
                  {{gal.image_title}}
                </div>
          </div><!-- .carousel-item -->
      </div><!-- .carousel-inner -->



    <!-- Left and right controls -->
      <a class="carousel-control-prev" href="#GalleryHT" data-slide="prev" *ngIf="gallery.length > 1" >
        <img  src="assets/images/icon-left-arrow.png">
      </a>
      <a class="carousel-control-next" href="#GalleryHT" data-slide="next" *ngIf="gallery.length > 1">
        <img  src="assets/images/icon-right-arrow.png">
      </a>
    </div>

  </div>   <!-- .gallery-block -->

1 Ответ

1 голос
/ 14 мая 2019

Это несколько примеров, в которых есть карусель автозапуска с примерами кодов.Надеюсь, это поможет вам.

...