Я создаю мобильную версию веб-сайта, где данные страницы загружаются очень быстро, но, поскольку изображения на странице большие, со временем они появляются медленнее.
Проблема заключается в том, чтоизображения приходят медленно, они толкают содержимое страницы вниз, так что пользователь теряет позицию чтения.
Я хочу определить размеры этих изображений и оставить черный заполнитель правильного размера для изображения.который будет заполнен изображением при загрузке.Чтобы пользователи не читали, пока изображения открываются.
Мне было интересно, можно ли получить размеры изображений с помощью javascript или html5 до того, как изображение загрузится, а затем перейдетс помощью jscript / html5 и установите атрибуты ширины и высоты для тегов при начальной загрузке страницы - до полной загрузки изображений.
Спасибо!
* РЕДАКТИРОВАТЬ: я не могу использовать HTML-атрибуты ширины и высоты с лету, так как изображения взяты из разных источников без заранее известных ширины и высоты (в основном это случайные пользовательские изображения)