angular - 使用 ngx-crystal-gallary 为网格视图中的每个图像添加标题标签

Question

有没有办法使用ngx-crystal-gallary为网格视图中的每个图像添加标题标签

 <crystal-gallery [images]="selectedFolder.imageUrlsWithPreview" [config]="myConfig">
  </crystal-gallery>

Answer 1

myImages = [
    {
        preview: 'path_to_preview',
        full: 'path_to_full_image',
        width: natural_width, // used for masonry
        height: natural_height // used for masonry
        description: '<description/title of the image>' // optional property
    },
    ...
myConfig = {
    ...
};
];

<crystal-gallery [images]="myImages" [config]="myConfig"></crystal-gallery>

结果：

更新：

对于您的特定用例，ngx-crystal-gallery 不支持图像网格上的标题。

替代方案：使用ng-image-slider