lazyload.js, требующий действий для отображения изображений при начальной загрузке
Я использую библиотеку lazyload.js для отложенной загрузки изображений, которые динамически загружаются в бесконечно прокручиваемое представление. После того, как я начну прокручивать и загружать следующие страницы результатов, отложенная загрузка работает просто отлично.
При первоначальной загрузке изображения не загружаются до тех пор, пока в окне не произойдет какое-либо действие, будь то небольшая прокрутка, нажатие на интерактивный элемент в контейнере и т. Д. Если я добавлю таймер для вызова $('.lazy').lazyload(), это работает нормально, но я не хочу этого делать (это очень хакерский).
После начальной загрузки, если я бегу $(window).resize() из консоли javascript изображения загружаются просто отлично, но даже если я делаю это в коде после начальной загрузки, он не работает.
Есть ли способ заставить изображения лениво загружаться при начальной загрузке?
Обратите внимание, что изображения помещаются на страницу после начальной загрузки страницы с помощью вызова AJAX.
1 ответ
Лично я не фанат lazyload.js (производительность ужасна), но это должно сработать из коробки. Загрузка должна быть запущена на готовом документе.
При условии resize Похоже, не работает, вы можете проверить, что эти события на самом деле происходят? Возможно, что-то не так с вашим HTML (doctype, или бог знает что).