Добавляем иконку предзагрузки к большим изображениям при помощи CSS
Однако, у нас есть намного более простой способ достичь того же самого, особенно, если на странице выводится множество больших изображений.
1. Находим иконку предварительной загрузки
Существует много сайтов, позволяющих создавать свои собственные изображения предзагрузки. 2. Пишем CSS-код
Код минимален, создается всего одно просто правило следующего содержания: .load { background: url(i/load.gif) center no-repeat; } Вместо load.gif, естественно, должно быть название вашей иконки предзагрузки. 3. Пишем HTML-код
Чтобы иконку предзагрузки можно было центрировать относительно размеров изображения, поместим изображение в div-контейнер, которому зададим размеры изображения: <div class="load" style="width:200px;height:200px"> <img src="large.jpg" alt="Альтернативный текст" /></div>
