Добрый день.
Подскажите, пожалуйста, лучшее решение:
Есть страница сайта, на ней есть разметка, подобная Pinterest, заполняющая страницу блоками с контентом. В каждом блоке будет присутствовать свой уникальный контент (фрэйм со стороннего сайта, независимый код и т.д). Программный код для каждого блока задается отдельно внутри страницы, и таким образом, получается длинная страница на html с разными по содержанию "тяжелыми" блоками. Нужно сделать так, чтобы по ходу прокрути этой статичной страницы одновременно погружалось по ~15 блоков и так пока пользователь не дойдет до дна страницы.
Я видел немало хороших плагинов, использующих технологию ajax, однако они подгружают данные с других страниц, а мне нужно, чтобы подгрузка велась именно от первого блока до пятнадцатого, затем от шестнадцатого до тридцатого и т.д. с одной html-страницы.
Пример разметки моей страницы с тремя блоками:
<div id="grid-gallery" class="grid-gallery">
<ul class="grid">
<li class="mini-post-content">
<-- Контент 1 блока -->
</li>
<li class="mini-post-content">
<-- Контент 2 блока -->
</li>
<li class="mini-post-content">
<-- Контент 3 блока -->
</li>
</ul>
</div>
Может можно сделать какой-нибудь lazyload для определенной количества li?
Спасибо за ваше внимание
---
Сразу добавлю, что контент блоков не настолько тяжелый, чтобы помещать каждый в БД