Как показать загрузку html IMG элемент загрузки удаленного SRC

Question

В настоящее время, когда я открываю страницу, она показывает пустое место, затем медленно отображается картинка. Я хочу, чтобы этот вид загрузки удаленного изображения отображал состояние с фиксированной высотой, используя jquery код

Answer 1

от вашего вопроса Я думаю, что вы хотите использовать загрузчик при загрузке изображений. Вы можете использовать css код для генерации загрузчика

<div class="loader"></div>

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

, чем вы можете использовать имя класса в jquery, чтобы скрыть или показать загрузчик при нажатии кнопки или при загрузке страницы

для скрытия загрузчика

$('.loader').hide();

для шоу-погрузчика

$('.loader').show();