안녕하세요 @ AndreasSchmid1 , 친절한 말에 감사드립니다.

이미지에 애니메이션을 추가 할 수 있습니다.

img.ng-lazyloaded {
  animation: fadein .5s;
}
<strong i="8">@keyframes</strong> fadein {
  from { opacity: 0; }
  to   { opacity: 1; }
}

(예제 페이지의 "기본 이미지"참조 : https://tjoskar.github.io/ng-lazyload-image)

기본 이미지가있는 이미지와 지연로드 된 이미지가있는 이미지, 두 개의 이미지를 만드는 경우 이미지간에 전환을 추가 할 수도 있습니다. 예. https://github.com/tjoskar/ng-lazyload-image/blob/master/example/pixelated-image.component.ts (예제 페이지의 "픽셀 화 된 이미지"참조 : https://tjoskar.github.io/ ng-lazyload-image)
아시다시피 애니메이션 속도를 늦추면 애니메이션을 더 잘 볼 수 있습니다 (https://developers.google.com/web/tools/chrome-devtools/inspect-styles/animations).

background-image 에 전환을 추가 할 수도 있습니다.

#image {
  height: 250px;
  width: 500px;
  transition: background-image 1s ease-out;
}

md5-a293a4af2fed33e82fce83f3f4407a8e

예제 (ng-lazyload-image를 사용하지 않음)는이 페이지를 참조하십시오. http://jsfiddle.net/8L7775fa/4/

문제가 발생하면 알려주세요.

안녕하세요,
angular 5에서 웹 응용 프로그램을 개발 중이며 아래의 html 페이지에서 ngx bootstrap carousel 및 ng-lazyload-image를 사용하고 있습니다. 내 기본 이미지가 성공적으로로드되어 실제 이미지가 실제로로드되기 전에 스피너를 표시합니다.하지만 문제는 직면은 내 기본 이미지도 내 회전 목마 크기에 따라 크기가 증가합니다. 기본 이미지의 크기를 수정하는 방법이 있습니까?

아래는 내 코드입니다 .------------------------

[lazyLoad] = "image.carousel_image_key"
[offset] = "오프셋">

defaultImage는 실제 이미지가로드 될 때까지 사용자에게 표시하려는 스피너 gif 이미지 (내 구성 요소에서 가져옴)입니다 ([lazyLoad] = "image.carousel_image_key"). 아래에서 캐 러셀의 크기를 고정했습니다. 내 CSS

mainCarouselImgLayout {

디스플레이 : 블록;
너비 : 100 %;
높이 : 400px
}
이 같은 CSS가 스피너 이미지에 적용됩니다. 제가 원하는 것은 스피너 이미지의 크기를 그대로 유지하고 회전식 이미지 높이 만 변경하는 것입니다. 지금은 스피너 이미지가 매우 크고 왜곡되어 보입니다.

@chandrasachin soution을 찾았습니까?
내 스피너 크기가 내 이미지보다 카드에서 정말 큽니다. 스피너 이미지를 더 작은 크기로 조정하고 싶습니다.