Привет @ 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-изображение)
Как вы, возможно, знаете, вы можете замедлить анимацию, чтобы лучше рассмотреть ее (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, в котором я использую карусель ngx bootstrap и ng-lazyload-image на моей html-странице, как показано ниже. Мое изображение по умолчанию загружается успешно, показывая счетчик до того, как реальное изображение загружается. Но проблема у меня облицовка - мое изображение по умолчанию также увеличивается в размере в соответствии с размером моей карусели. Есть ли способ исправить размер моего изображения по умолчанию

Ниже мой код ------------------------

[lazyLoad] = "image.carousel_image_key"
[смещение] = "смещение">

DefaultImage - это gif-изображение прядильщика (поступает из моего компонента), которое я хочу показывать пользователям, пока мои настоящие изображения не загрузятся ([lazyLoad] = "image.carousel_image_key"). Я зафиксировал размер моей карусели, как показано ниже в мой CSS

mainCarouselImgLayout {

дисплей: блок;
ширина: 100%;
высота: 400 пикселей
}
Тот же CSS применяется к моему изображению счетчика. Я хочу сохранить размер моего изображения счетчика без изменений и изменить только высоту изображения карусели. Сейчас изображение счетчика выглядит очень большим и искаженным.

@chandrasachin Вы нашли soution?
Размер моего спиннера в карточке действительно больше, чем на моем изображении. Я хочу изменить размер изображения счетчика для меньшего размера