Как спрятать атрибут data-src у картинок при загрузке страницы?

Question

[Петр Волханов]

Как спрятать атрибут data-src у картинок при загрузке страницы?

Проблема - есть слайдер карусель, при загрузке изображений сначала отображается текст (путь) из атрибута data-src, а потом идет замена на картинку. И при этом еще и происходит скачек макета.
Попробовал добавить такой CSS, чтобы резервировать место под картинки:

[data-src]::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}

Comments

[Ankhena]

Как спрятать атрибут data-src у картинок при загрузке страницы?

Для начала нужно понять как вы его показывате. Сам по себе-то он не отображается.

Answer 1

[Сергей]

Из твоего вопроса непонятно как происходит загрузка картинок, но может стоит использовать прелоадер картинок, а потом отображать слайдер.
Короче, тут нет внуков Ванги....

Comments

[Петр Волханов]

С помощью lazyload идет загрузка изображений