Question

我使用的是owl-carousel Angular插件，但是我无法在网站上显示大于194px x 145px的图像。所有图像尺寸的图像尺寸都应如此。我试图覆盖CSS中的图像尺寸，但即使使用！important也没有改变任何东西。

也没有从文档中找到任何内容。是覆盖核心JS文件的唯一选择吗？

我的代码：

<owl-carousel
    [options]="{items: 5, dots: true, navigation: false}"
    [carouselClasses]="['owl-theme', 'row', 'sliding']">
    <div class="item" *ngFor="let image of resultDataRental.quickscanResponse.rentalData[rentI].imageBytes; let imgI = index">
      <div class="thumbnail-image" [ngStyle]="{'background': 'transparent'}"><img src="data:image/png;base64,{{img-source}}" alt="rental-image"></div>
    </div>
</owl-carousel>

Answer 1

我现在明白了。我将图像包装在另一个div中，并为此div提供了max-width和max-height尺寸。

<owl-carousel
    [options]="{items: 5, dots: true, navigation: false}"
    [carouselClasses]="['owl-theme', 'row', 'sliding']">
    <div class="item" *ngFor="let image of resultDataRental.quickscanResponse.rentalData[rentI].imageBytes; let imgI = index">
      <div class="thumbnail-image" [ngStyle]="{'background': 'transparent'}">
          <div style="max-width: 194px; max-height: 145px" class="testwrapper">
              <img src="data:image/png;base64,{{imgsource}}" alt="rental-image">
          </div>
      </div>
    </div>
</owl-carousel>

Angular 4 owlslider（猫头鹰 - 旋转木马）固定宽度和高度

1 个答案: