Страница 1 из 1

метод Lazyload

СообщениеДобавлено: 25 июн 2017, 21:33
vanred79
Здравствуйте! Думаю, не будет лишним добавить метод Lazyload (загрузка изображений только когда до них прокручивают страницу). Загрузка страницы, особенно на смартфоне увеличится

Re: метод Lazyload

СообщениеДобавлено: 26 июн 2017, 10:11
Xpycm
Здравствуйте.

В теме Atlas для списка объявлений это реализовано

Re: метод Lazyload

СообщениеДобавлено: 26 июн 2017, 18:17
vanred79
Xpycm писал(а):Здравствуйте.

В теме Atlas для списка объявлений это реализовано

Здравствуйте! Можете ссылку на библиотеку скинуть которую использовали?

Re: метод Lazyload

СообщениеДобавлено: 26 июн 2017, 21:18
Xpycm
Здравствуйте.

Извините, я вас дезинформировал.

Используется не lazy load, а flexslider чтобы под мобильными устройствами можно было листать объявления

Сам flexslider: http://flexslider.woothemes.com/
Как к нему прикрутить lazy-load: https://www.google.ru/search?q=flexslider+lazy+load

Спасибо за улучшение, постараемся в следующих версиях реализовать

Re: метод Lazyload

СообщениеДобавлено: 09 янв 2019, 13:04
vanred79
Здравствуйте! Хотел спросить вы когда ставили flexslider у вас не возникало такой проблемы - При открытии объявления все фото видно в большом размере см Скрин1, и только потом слайдер становится нормальным Скрин2? Если возникало, подскажите пожалуйста, как вы это решили?

Re: метод Lazyload

СообщениеДобавлено: 09 янв 2019, 14:18
Xpycm
Здравствуйте.

Попробуйте такой вариант:
для блока .apartment-description-item .gcontainer задать display:none;
и в https://nedvizhimostpro.kz/js/common.js , в блок jQuery(function($){ ... });
добавить $(".apartment-description-item .gcontainer").css('display', 'block');

что это делает:
у вас по умолчанию блок с маленькими превью изображениями скрыт (display:none;)
после полной загрузки страницы jQuery(function($){ }); у вас будет выполнен код $(".apartment-description-item .gcontainer").css('display', 'block');
который отобразит блок с маленькими превью изображений.

Re: метод Lazyload

СообщениеДобавлено: 16 янв 2019, 20:27
vanred79
Спасибо!