嗨@ 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 :

如果您遇到问题，请告诉我。

大家好，
我正在开发一个角度为5的Web应用程序，其中我在html页面中使用ngx bootstrap轮播和ng-lazyload-image如下所示。面对的是我的默认图片也会随着轮播尺寸的增加而增加。有没有办法固定我的默认图片的尺寸

下面是我的代码------------------------

[lazyLoad] =“ image.carousel_image_key”
[offset] =“ offset”>

defaultImage是一个旋转的gif图像（来自我的组件），在向我显示真实图像之前，我要向用户显示该图像（[lazyLoad] =“ image.carousel_image_key”）。我已固定轮播的大小，如下所示：我的CSS

mainCarouselImgLayout {

显示：块；
宽度：100％;
高度：400px
}
同样的css应用于我的微调器图像。我想要的是保持微调器图像的大小不变，仅更改轮播图像的高度。现在微调器图像看起来非常大且扭曲

@chandrasachin你找到soution了吗？
我的微调框尺寸真的比我的图像大。 我想将微调器图像调整为较小的尺寸