Форум программистов, компьютерный форум, киберфорум
JavaScript для начинающих
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 5.00/6: Рейтинг темы: голосов - 6, средняя оценка - 5.00
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313

Как грамотно организовать подгрузку изображений

02.07.2019, 19:58. Показов 1337. Ответов 4
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
У меня много изображений на сайте, хочу что бы они подгружались при прокрутке. Пока поставил wow.js. Гуглспид это проглотил. Но есть 2 минуса в этом варианте.
1) Скролл отображается на всю высоту сайта, если бы все изображения уже отобразились.
2) У меня такое ощущение, что все файлы картинок подгружаются при загрузке сайта, а хотелось бы что бы физически фалы подгружались при прокрутке.
Сайт на HTML+CSS+JS, не знаю Ajax в моём случае наверно не подойдёт, там БД нужна с CMS , как я понял.
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
02.07.2019, 19:58
Ответы с готовыми решениями:

Как организовать подгрузку новых сообщений?
Думаю, сразу стоит сообщить, что речь идёт о сайте на Ucoz (хотя в крайнем случае можно подумать и о другом хостинге). Нужно...

Как правильнее организовать автоматическую подгрузку данных?
Задача следующая. Есть три Select, каждый из которых зависит друг от предыдущих. По есть мы вводим производителя - подтягиваются типы...

Как грамотно организовать конвертер?
Я тут набросал кода: private void comboBox1_SelectedIndexChanged(object sender, EventArgs e) { if...

4
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
02.07.2019, 20:11
Лучший ответ Сообщение было отмечено Mailo как решение

Решение

Плагин lazyload
1
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313
03.07.2019, 17:31  [ТС]
mrtoxas, А не в курсе, wow.js сразу все картинки грузит на устройство при загрузке страницы или подгружает постепенно при прокрутке?
0
Эксперт JSЭксперт HTML/CSS
 Аватар для mrtoxas
3827 / 2677 / 1521
Регистрация: 12.07.2015
Сообщений: 6,672
Записей в блоге: 4
03.07.2019, 17:36
инструменты разработчика - вкладка Network, обновляем страницу, смотрим загрузку ресурсов

Но, думаю, сразу грузит. Это плагин не для оптимизации загрузки, а чтобы "красиво" на странице все было
1
 Аватар для Mailo
178 / 226 / 31
Регистрация: 18.02.2010
Сообщений: 2,313
03.07.2019, 18:01  [ТС]
Вбабахал оба плагина, работают шикарно + эффекты есть и скролл растет и изображения появляются по мере прокрутки. Спасибо.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
03.07.2019, 18:01
Помогаю со студенческими работами здесь

Как грамотно организовать код?
У меня есть программа, уже написанная, но я хочу всё переделать более грамотно. Как разбить программу на классы правильно с точки зрения...

Как грамотно организовать живой поиск?
Доброго времени суток! Необходимо организовать живой поиск по базе данных. Результаты должны мгновенно отображаться пользователю. ...

Как грамотно организовать соединение классов
Добрый вечер. У меня такой вопрос: есть массив объектов, унаследованных от QWidget. Назовем его А есть еще один класс, назовем его В,...

Как грамотно организовать охлаждение в системнике?
У меня 1 на вдув сбоку,2 на выдув сзади(один от бп),все 80мм,обороты по 2к у всех примерно.Слышал,что лучше чтобы количество вентилей на...

Организовать подгрузку картинки
Приветствую. Пишу плагин для WP (плагин - громко сказано, просто модуль для ввода данных). Хочу организовать вывод картинки на странице в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! в-строка - входное арифметическое выражение в инфиксной(обычной). . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru