JQuery Best Case Scenario

Question

Я загружаю кучу изображений для графического интерфейса, который будет выбирать атрибуты для моего продукта клиента.

Лучше всего предварительно загрузить все изображения в начале (что я угадываю, потребуется некоторое время), а затем у графического интерфейса есть полная функциональность или лучше загружать изображения на лету.

По существу, я работаю над приложением для картирования/плаката. У меня около 20 кадров, которые могут быть выбраны пользователем, и при нажатии на кадр меняют изображения на кадр на дисплее в графическом интерфейсе.

Я использую JQuery. Любое понимание было бы полезно в отношении наилучшего сценария для этого.

И если я предварительно загружу все изображения, как разместить одну из этих загрузочных полосок на экране, как вы видите во Flash или загружаемом gif, как я видел в Ajax?

Благодаря

Майк

Answer 1

Почему бы не сделать так?

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

Эта техника распространена с такими вещами, как румпель с надписью menubar.

Answer 2

Правильный ответ зависит от многих факторов. Насколько велики изображения и сколько их? Будет ли загрузка всех изображений при старте вызвать серьезное отставание? Как Jeff Atwood said Производительность.

Я бы ошибался на стороне лучшего приложения, а не загружал все впереди.

Answer 3

Зависит от размера изображений кадра ... если они небольшие, как 1 - 2K, я бы загрузил изображения динамически, в противном случае вы можете предварительно загрузить, но не забудьте правильно установить заголовки, чтобы только один раз читались и извлекались из кеша в следующий раз.

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