ng-image-slider imageSize答案

【问题标题】：ng-image-slider imageSizeng-image-slider imageSize
【发布时间】：2021-08-23 18:07:34
【问题描述】：

我正在使用ng-image-slider 的角度图像轮播，如下所示：

<ng-image-slider
  class="slider"
  [images]="images"
  [infinite]="true"
  [imageSize]="{width: '762px', height: 442, space: 10}"
  [autoSlide]="false"
></ng-image-slider>

但不知何故，每张图片的width 仍然默认为 205px。奇怪的是，这个默认值在加载应用程序时默认添加到 DOM 中的element.style，但是一旦我更改了屏幕尺寸（例如通过 chrome devtools），我突然得到了我的自定义宽度。

加载时的DOM元素：

<div class="img-div image-popup ng-star-inserted" style="width: 205px; margin-left: 10px; margin-right: 10px;">

触发屏幕尺寸变化后的DOM元素：

   <div class="img-div image-popup ng-star-inserted" style="width: 762px; margin-left: 10px; margin-right: 10px;">

注意宽度差异。

谢谢！

【问题讨论】：

标签： angular slider styles

【解决方案1】：

从库的 GIT 文档中查看这个演示：

https://sanjayv.github.io/ng-image-slider/

您只需将宽度从 [image-size] 更改为数字（不带 'px'）

[imageSize]="{width: 742, height: 442, space: 10}"

最好的，

【讨论】：