Друзья, всем привет!
Гуглю сегодня целый день тему, но рабочего решения для себя не нашел. Все немного не то. В JS я абсолютно ничего не смыслю, поэтому "допилить" ничего не получается.
Есть HTML страница, есть div, в котором идут подряд div'ы типа:
|
Код:
|
<div class='product'>
<div class='product_sect'>
<div class='product_link'>
<span align="center" class='cat'>TEXT</span>
<span style="text-align:center;"id='lightbox'><a rel='lytebox' href='1.jpg'>
<img alt='' style='margin:7px' width='606'
height='405' class='tov_im' src='1.jpg' ></a></span>
<div align="justify">TEXT</div>
<div style="text-align:center; margin-bottom: 10px;">
<iframe width="640" height="360" src="//www.youtube.com/embed/..."
frameborder="0" allowfullscreen></iframe></div>
<div style="text-align:center; margin-bottom: 5px;"><span class="center">
<a rel="nofollow" target="blank" class='ssylka'
href='http://...'>ANKOR</a></span><span class="center">
<a rel="nofollow" target="blank" class='ssylka'
href='http://...'>ANKOR</a></span></div>
</div></div>
</div>
|
Т.к. youtube роликов много, они фризят браузер при открытии страницы, нужно допустим 6 дивов сразу подргужать, потом при скролинге вниз страницы, подгружать еще 6 дивов и т.д. до конца страницы.
Заранее спасибо!