Всем привет, лет пять тому назад, когда у меня был очень плохой интернет 16 кб/c я наткнулся на один сайт, название к сожалению не помню, где на заднем фоне изображение в новостях, появлялась надпись загрузки или логотип сайта, а через определённое время появлялось само изображение, такой результат можно достичь благодаря jQuery, но давайте не будем перегружать страницу скриптами и посмотрим как это возможно реализовать благодаря html-css.

Для начало создаём ячейку div с классом image_loading и помещаем в неё ссылку на изображение.

А теперь пропишем основные css стили, которые будут отображать картинку загрузки:

Хочу отметить, что картинка на заднем фоне не должна быть слишком тяжёлой по весу, так как она может загружаться очень долго. И порой за место gif анимации, правильнее будет использовать обычную картинку с текстом, например идёт загрузка.