2017-11-20 23 views
0

올빼미 - 회전 목마 각도 플러그인을 사용하고 있지만 사이트에서 194x145 픽셀보다 큰 이미지를 표시 할 수 없습니다. 이미지 크기는 모든 이미지 크기에서 이와 같아야합니다. CSS의 이미지 크기를 덮어 쓰려고했지만 중요하지 않은 부분도 변경되었습니다.각도 4 owlslider (올빼미 - 회전 목마) 고정 너비 및 높이

또한 설명서에 대한 정보가 없습니다. 코어 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> 
+0

"background-image"와 "background-size"스타일을 사용하십시오. 좋은 대안은 "ngx-carousel"일 수 있습니다. https://www.npmjs.com/package/ngx-carousel –

+0

좀 더 설명해 주시겠습니까? 대신 이미지를 배경 이미지로 추가해야한다는 의미입니까? – raulicious

답변

0

지금은 그것을 알아 냈다. 나는 다른 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>