Как лучше всего расставить приоритеты HTTP-запросов на веб-странице?

Question

Мне нужно установить приоритетность загрузки (в моем случае) изображений.

Для этого я бы предпочел использовать какой-нибудь плагин (желательно для jQuery), который позволяет мне делать это без необходимости создавать собственный механизм загрузки.

Рассмотрим этот сценарий:

У вас есть веб-страница. Ваша веб-страница может показать данному пользователю три изображения. Эти изображения отображаются только по одному по запросу пользователя.

В таком случае, в идеале, вы хотите загружать изображения сверху вниз, пока пользователь не сделает выбор. Затем вы захотите, чтобы его выбор переместился вверх по очереди и стал следующим в очереди (с каждым выбором, который он делает).

Конечно, на странице только с тремя изображениями это на самом деле не проблема, но с увеличением количества изображений становится важным.

В настоящее время я использую только background-image для показа изображений и хотел бы сохранить его таким.

О, а также, я бы хотел, чтобы "spinner.gif" отображался во время загрузки изображения.

Есть предложения?

Спасибо.

UPDATE Я закончил тем, что сделал свою собственную систему очередей, основанную на этом: http://jqueryfordesigners.com/image-loading/

Answer 1

Предполагая, что на реальной странице будет более трех изображений, посмотрите на это изображение Lazy Load Plugin . Он основан на том, что находится, а что нет ниже сгиба, работает последовательно через изображения и может быть настроен на предварительную загрузку в X ниже сгиба во время прокрутки. Это позволяет использовать изображение-заполнитель, но, возможно, потребуется переписать его, если вы хотите, чтобы оно отображало фоновые изображения, а не работало с фактическими тегами img.

Answer 2

Вот пример загрузки «по требованию» или при прокрутке в поле зрения. Хотя и не отвечаю прямо на ваш вопрос, но в основном похож.

http://www.webresourcesdepot.com/dnspinger/

Попробуйте прокрутить вниз, и страница загрузится с моим контентом. Будет работать и с изображениями. Ресурс для этой демонстрации можно найти по адресу " Загрузка содержимого при прокрутке с помощью jQuery ".