typescript 如何在使用angular-modal-gallery-v7时显示更大的图片

ngynwnxp 于 2023-02-10 发布在 TypeScript

关注(0)|答案(1)|浏览(122)

我使用的是Angular 模态图库版本7。
我需要显示更大的图片enter image description here
我的模板代码是：

<ks-modal-gallery [id]="200" 
     [modalImages]="arrayImage" 
     [plainGalleryConfig]="plainGalleryRow" 
     [currentImageConfig]="{description: {strategy: 2, imageText: ''}}"
     [previewConfig]="{visible: true, size: {width: 'auto', height: 'auto'}}"
     [slideConfig]="{infinite: true, sidePreviews: {show: false}}"
     [dotsConfig]="{visible: false}">
     </ks-modal-gallery>

我的组件代码是

plainGalleryRow: PlainGalleryConfig = {
     strategy: PlainGalleryStrategy.ROW,
     layout: new LineLayout({ width: '0px', height: '0px' }, { length: 2, wrap: true }, 'flex-start')
     };

求你了有谁能帮我找到解决办法吗？

typescript

来源：https://stackoverflow.com/questions/75361410/how-to-display-a-picture-bigger-when-using-the-angular-modal-gallery-v7

1条答案

按热度按时间

rqqzpn5f1#

Angular Modal Gallery v7是一个用于在Angular中创建模态图像库的库。要显示更大的图片，您可以增加包含图像的模态窗口的大小。下面是一个示例代码，展示了如何做到这一点：

<ks-modal-image [id]="0" [modalImages]="images" [conf]="conf"></ks-modal-image>

<ng-template #customFooter let-data="data">
  <div style="background-color: #000; padding: 10px; width: 100%; text-align: center">
    <img [src]="data.img" [alt]="data.description" style="width: 500px; height: auto">
  </div>
</ng-template>

在此示例中，customFooter模板将显示图像的宽度设置为500px。您可以调整宽度和高度以获得所需的显示大小。

赞(0）回复(0）举报 2023-02-10

我来回答

typescript 如何在使用angular-modal-gallery-v7时显示更大的图片

1条答案

相关问题

热门标签

最新问答