Следующие два набора загружаются изображение метки в нижней части веб-страницы. Для согласованности, изображение метки для первого набора также будут перечислены этими метками в нижней части веб-страницы. Теперь, когда значение исходного изображения (URL) встречается более чем один раз в веб-страницы, веб-браузер на самом деле не скачать его более чем один раз. Браузер просто загружает образ и кэширует его. Когда в следующий изображений (ресурс) снова нужно на странице, он получает его из кэша.
Некоторые браузеры (особенно старые версии), не может это сделать, но многие браузеры в использовании сегодня, сделать this.You должны увидеть первый набор изображений, когда откроется страница. Первый набор изображений взять нормальное время, чтобы загрузить, так что если интернет медленный, вы (пользователь) может заметить некоторую задержку по времени, как первый набор изображений приехать.
После этого вы не заметит и не больше задержек, потому что, как вы заняты, глядя на первого набора и расширения его изображения, один за одним, другие два набора загружаются по тегам изображение в нижней части страницы. Есть 15 изображения в теги кнопку на странице. Каждый из этих тегов имеет свойство /значение пары CSS дисплея "Display: никто" Образы приходят и остаются в нижней части страницы. Они не отображаются, и они не занимают места, из-за "дисплей: нет" пары свойство /значение.
Всякий раз, когда каждый из них необходим, значение атрибута источника копируется заменить значение атрибута исходном изображении, которая отображается. Таким образом, время загрузки с сервера будут опущены, и пользователь заметит быстрого отображения всех изображений после первого сета arrived.Enlarging в ImageAs сказано выше, каждый набор изображений показывает пять изображений подряд. При нажатии одно из изображений, вы видите его увеличенную форму над ним.
В рамках проектирования, когда первый набор изображений прибыл в браузере, вы увидите первое изображение (самая левая в