Hola @ AndreasSchmid1 , gracias por sus amables palabras.

Puede agregar una animación en la imagen, por ejemplo.

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

(ver "Imagen predeterminada" en la página de ejemplo: https://tjoskar.github.io/ng-lazyload-image)

También puede agregar una transición entre imágenes si crea dos imágenes, una con la imagen predeterminada y otra con la de carga diferida. p.ej. https://github.com/tjoskar/ng-lazyload-image/blob/master/example/pixelated-image.component.ts (ver "Imagen pixelada" en la página de ejemplo: https://tjoskar.github.io/ ng-lazyload-image)
Como sabrá, puede ralentizar la animación para ver mejor la animación (https://developers.google.com/web/tools/chrome-devtools/inspect-styles/animations).

También es posible agregar una transición en el background-image :

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

md5-a293a4af2fed33e82fce83f3f4407a8e

Consulte esta página para ver un ejemplo (sin usar ng-lazyload-image): http://jsfiddle.net/8L7775fa/4/

Avísame si tienes problemas.

Hola todos,
Estoy desarrollando una aplicación web en angular 5 en la que estoy usando ngx bootstrap carousel y ng-lazyload-image en mi página html como se muestra a continuación.Mi imagen predeterminada se carga con éxito mostrando la ruleta antes de que se cargue la imagen real.Pero el problema que tengo La cara es mi imagen predeterminada también aumenta de tamaño según el tamaño de mi carrusel. ¿Hay alguna forma de corregir el tamaño de mi imagen predeterminada?

A continuación se muestra mi código ------------------------

[lazyLoad] = "image.carousel_image_key"
[desplazamiento] = "desplazamiento">

La imagen predeterminada es una imagen gif giratoria (proviene de mi componente) que quiero mostrar a los usuarios hasta que se carguen mis imágenes reales ([lazyLoad] = "image.carousel_image_key"). He fijado el tamaño de mi carrusel como se muestra a continuación en mi css

mainCarouselImgLayout {

bloqueo de pantalla;
ancho: 100%;
altura: 400px
}
Este mismo CSS se aplica en mi imagen giratoria. Lo que quiero es mantener el tamaño de la imagen giratoria intacto y solo cambiar la altura de la imagen del carrusel. Ahora la imagen giratoria se ve muy grande y distorsionada.

@chandrasachin ¿Encontraste soution?
El tamaño de mi ruleta es realmente grande en la tarjeta que mi imagen. Quiero cambiar el tamaño de la imagen giratoria para un tamaño más pequeño