こんにちは@ 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）

デフォルトの画像とレイジーロードされた画像の2つの画像を作成する場合は、画像間にトランジションを追加することもできます。 例えば。 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/

問題が発生した場合はお知らせください。

こんにちは、みんな、
私はAngular5でWebアプリケーションを開発しており、以下のようにhtmlページでngxブートストラップカルーセルとng-lazyload-imageを使用しています。デフォルトの画像は正常に読み込まれ、実際の画像が実際に読み込まれる前にスピナーが表示されます。向きは私のデフォルトの画像も私のカルーセルサイズに従ってサイズが大きくなります。私のデフォルトの画像のサイズを修正する方法はありますか？

以下は私のコードです------------------------

[lazyLoad] = "image.carousel_image_key"
[オフセット] = "オフセット">

defaultImageは、実際の画像が読み込まれるまでユーザーに表示したいスピナーgif画像（コンポーネントから取得）です（[lazyLoad] = "image.carousel_image_key"）。カルーセルのサイズを以下のように修正しました。私のcss

mainCarouselImgLayout {

表示ブロック;
幅：100％;
高さ：400px
}
これと同じcssがスピナー画像に適用されます。スピナー画像のサイズをそのままにして、カルーセル画像の高さのみを変更する必要があります。現在、スピナー画像は非常に大きく歪んで見えます。

@chandrasachin解決策を見つけましたか？
私のスピナーサイズは私の画像よりもカードで本当に大きいです。 スピナー画像のサイズを小さくしたい