Альтернатива для загрузки нескольких изображений на веб-страницу

Question

Мы все знаем, что предварительная загрузка изображений может выполняться медленно из-за ограничений браузера в протоколе HTTP, верно? Итак, в моем распоряжении XHTML, jQuery, Apache httpd и PHP . Какое простое решение для предварительной загрузки большого количества изображений без использования спрайтов или нескольких хостов?

Смотри, у меня есть эти темы, которые выбираются с помощью поля SELECT. Это изменяет изображение темы 200x200 справа от окна. К сожалению, таких как 150 Поэтому, когда я загружаю страницу, индикатор загрузки продолжает работать, чтобы загрузить все это.

Как можно ускорить предварительную выборку этих изображений без использования спрайтов или нескольких хостов?

Answer 1

Если это просто смена темы, что, вероятно, случается редко (верно)?Тогда почему бы вам просто не загрузить изображение для темы, когда select изменен и выбрана новая тема?Кажется «странным» загрузить 150 изображений, из которых 149 могут быть не видны.

Исправьте меня, если я упускаю суть - и если да, можете ли вы предоставить скриншот, чтобы я мог понять, чтоты действительно пытаешься показать?

Answer 2

Оглядываясь назад, вероятно, 20/20.Я, вероятно, должен был реализовать это в спрайтах, а также для многих кнопок, которые я использовал на сайте.Просто у меня нет хорошего инструмента редактирования спрайтов, который ускоряет этот процесс.

В любом случае, я выбрал стратегию Предварительная выборка Javascript через jQuery .Но даже этого было недостаточно.Мне пришлось обернуть эту функцию в setTimeout (), но это только немного помогло.Затем мне пришлось запустить этот setTimeout () во время отправки формы входа.Это заставило форму входа подать заявку немного дольше, но при загрузке веб-сайт выглядел быстро.