Будет ли загружаться изображение, если он имеет свой CSS-набор, чтобы видимость была скрыта?
Будет ли загружаться изображение, если он имеет свой CSS-набор, чтобы видимость была скрыта?
Ответ 1
Да, он все равно будет загружен и удерживаться внутри DOM. Затем вы можете быстро показать его с помощью JS!
Ответ 2
Да - я использовал это для предварительной загрузки изображений, которые будут показаны с помощью Javascript.
Вы можете проверить это экспериментально:
Создайте два относительно больших изображения: a.jpg и b.jpg Поместите изображение на страницу с источником a.jpg Напишите некоторый javascript, чтобы изменить источник изображения на b.jpg при щелчке ссылки (например, миниатюре b.jpg) Загрузите страницу. Обратите внимание, что когда вы нажимаете на ссылку, вам нужно дождаться загрузки b.jpg. Теперь отредактируйте страницу так, чтобы b.jpg был включен на страницу в первую очередь, но имеет атрибут CSSvisibility: hidden
Перезагрузите страницу с помощью Ctrl + F5. По завершении нажмите ссылку еще раз.
Обратите внимание, что b.jpg загружается намного быстрее. Это потому, что он был предварительно загружен. Ответ 3
Различные браузеры могут вести себя по-другому.
Ответ 4
Это зависит полностью от браузера и его среды (например, ситуаций с низкой памятью, таких как мобильные телефоны).