en.javascript.info/2-ui/3-event-details/11-onload-onerror/1-nice-alt/task.md
Ilya Kantor fc84391bd2 up
2017-03-09 00:48:54 +03:00

1.3 KiB
Raw Blame History

importance: 5


Красивый "ALT"

Обычно, до того как изображение загрузится (или при отключенных картинках), посетитель видит пустое место с текстом из "ALT". Но этот атрибут не допускает HTML-форматирования.

При мобильном доступе скорость небольшая, и хочется, чтобы посетитель сразу видел красивый текст.

Реализуйте "красивый" (HTML) аналог alt при помощи CSS/JavaScript, который затем будет заменён картинкой сразу же как только она загрузится. А если загрузка не состоится -- то не заменён.

Демо: (нажмите "перезагрузить", чтобы увидеть процесс загрузки и замены)

[iframe src="solution" height="100"]

Картинки для bing специально нет, так что текст остается "как есть".

Исходный документ содержит разметку текста и ссылки на изображения.