Galleria

import { MagaryGalleria, GalleriaItem } from 'ng-magary';

<magary-galleria
  [value]="images"
  [(activeIndex)]="activeIndex"
  [autoPlay]="true"
  [transitionInterval]="3000"
  [circular]="true"
  [showProgressBar]="true">
</magary-galleria>

<magary-galleria
  [value]="images"
  [(activeIndex)]="activeIndex"
  [circular]="true"
  [autoPlay]="true"
  [transitionInterval]="5000"
  [showItemNavigators]="true"
  [showThumbnails]="true"
  [showThumbnailNavigators]="true"
  [showFullScreenButton]="true"
  [showDownloadButton]="true"
  [showShareButton]="true"
  [showProgressBar]="true"
  [showImageCounter]="true"
  [enableZoom]="true"
  [enableSwipe]="true"
  [enableKeyboardNavigation]="true"
  (onImageClick)="handleImageClick($event)"
  (onFullScreenChange)="handleFullscreenChange($event)">
</magary-galleria>

interface GalleriaItem {
  src: string;
  alt?: string;
  title?: string;
  description?: string;
  thumbnail?: string;
  type?: 'image' | 'video';
  videoUrl?: string;
}