Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Автоподгрузка контента при скроллинге, как в Инстаграм

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

Grasss

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Доброго времени суток господа. Значит есть галерея из 300 изображений, нужно чтобы на странице отображались первые 9, потом при скролле страницы подгружались следующие 9 и тд) пожалуйста подскажите, как можно реализовать подобное решение? Может набросок или демку?

Всего записей: 30 | Зарегистр. 20-01-2016 | Отправлено: 14:26 23-10-2018
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Grasss
вам же тут уже ответили - Подгрузка контента при прокрутке страницы (как в соцсетях)
все аналогично. выставляете картинки заглушкой того же размера (чтобы потом не плыл контент), после загрузки и при прокрутке определяете какие попадают в видимую область, для тех меняете src на нужный (ну или как удобнее) и она загружается.

Всего записей: 15040 | Зарегистр. 20-09-2014 | Отправлено: 20:43 23-10-2018 | Исправлено: Mavrikii, 22:31 23-10-2018
victoriabonya1978

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Это делается с помощью javascript.  
Показываете фото которые попадают на область, после этого подгружаете по мере прокрутки.  
Вообще такая функция лезилоад(ленивая загрузка)

Всего записей: 11 | Зарегистр. 25-02-2020 | Отправлено: 18:01 25-02-2020
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Автоподгрузка контента при скроллинге, как в Инстаграм


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru