Книга: HTML, XHTML и CSS на 100%
Предварительная загрузка
Предварительная загрузка
Если изображений на сайте много и их загрузка занимает немало времени, можно не испытывать терпение посетителя, а дать ему примерное представление о том, что он увидит.
Это делается с помощью атрибута lowsrc, где в качестве значения используется адрес изображения худшего качества, но того же содержания, что и основная картинка. При первом проходе браузером страницы это изображение будет быстро загружено, и у пользователя появится представление о том, что он увидит дальше. При последующем проходе страницы браузер загрузит главное изображение хорошего качества.
Совет
Для получения изображения худшего качества нужно использовать специальные программы для работы с изображениями. В них возможно уменьшение размеров изображения за счет уменьшения количества цветов, например.
В листинге 4.8 приведен пример кода, который задает изображение с предварительной загрузкой.
Листинг 4.8. Изображение с предварительной загрузкой
<html>
<head>
<title>Встраивание изображения</title>
</head>
<body>
<img src="image.jpg" width="100" vspace="10" hspace="10" lowsrc= "lowimage.jpg">
</body>
</html>
На рис. 4.9 показан результат предварительной загрузки изображения, на следующем проходе браузер загрузит изображение нормального качества.
Рис. 4.9. Предварительное изображение
Альтернативный текст и предварительная загрузка изображения делают сайт удобнее.
Оглавление книги
- Глава 3 Предварительная настройка BIOS
- 8.6.2. Предварительная загрузка библиотек
- Загрузка модулей Apache
- 3.2. Загрузка системы
- 3.2.1. Автозагрузка
- Загрузка файлов из Интернета
- 5.5.2.3. Перезагрузка компьютера
- Автозагрузка с CD и настройка BIOS
- Загрузка сетевых драйверов
- Ситуация 2. Избыточная загрузка процессора
- Загрузка модулей
- 7.3. Предварительная настройка программы