角度4 owlslider（owl-carousel）固定幅と高さ

Question

私はowl-carousel Angular Pluginを使用していますが、サイトでは194px x 145pxより大きな画像を表示できません。画像のサイズは、すべての画像サイズで同じようにする必要があります。私はCSSで画像の大きさを上書きしようとしましたが、それでも重要な部分は変更されませんでした。

また、それに関するドキュメントから何も見つかりませんでした。 コアの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に最大幅と最大高さのディメンションを与えました。

<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>