Я знаю, что этот вопрос задан несколько раз, но все ответы, похоже, конфликтуют друг с другом. У меня есть 500-600 изображений, которые я хочу предварительно загрузить и положить в слайдер. Каким будет самый эффективный способ достичь этого?Предварительная загрузка большого количества изображений
Извините, если это было ранее.
Благодаря
Посмотрите на ImageLoader.
Его можно использовать для загрузки изображений и отслеживания загруженных изображений. , например.
var imageLoader1 = new ImageLoader({
"images": [
{ "id":101, file: "path/image1.png" },
{ "id":102, file: "path/image2.png" }
],
"onAllLoaded":function() { alert("Images loaded"); }
});
Это, если вы хотите предварительно загрузить все изображения. Для 600 изображений, вероятно, вы не должны этого делать.
Спасибо за ссылку, я проверю ее и посмотрю, поможет ли она! – Peter
В большинстве случаев на странице 600 изображений, пользователь, скорее всего, не будет рассматривать все 600 .. Вы, вероятно, следует загрузить изображения по мере необходимости. Многие изображения убьют вашу полосу пропускания.
Нет эффективного способа предварительной загрузки 600 изображений, как отмечается в комментарии, lazyloading будет лучше.
Если вам нужно предварительно загрузить все из них, я бы забыл JS и просто поместил изображения внутри элемента на вашу страницу и разместил этот элемент на экране, например, слева: -5000px и т. Д. (Отображение: none не будет Работа).
Да, я думаю, что ленивая загрузка будет лучшим вариантом, я просто никогда не делал этого раньше. – Peter
Почему вместо этого вы не используете ленивую загрузку? Предварительная загрузка 600 imgs переполнена ... – elclanrs
использовать AJAX для загрузки изображений при переходе к следующему/предыдущему слайду –