Как сделать ленивую загрузку (lazy load) в HTML5?

Question

[Евгений Корякин]

Здравствуйте.

Хотел бы узнать как сделать подгрузку страницы в соотношение скролла, т.е. чем ниже тем больше информации.
Данная функция мне нужна для более высокой скорости первоначальной загрузке страницы с дальнейшей загрузкой товаров. А то не круто ждать пока загрузится более 100 товаров.

Код отображение товара, используется только 1 блок, в дальнейшем размножается под разными названиями товаров:

<?
if ($Orders->retval == 1)
echo 'Ошибка';
else {
    foreach ($Orders->rows->row AS $Order) {
        echo'   <figure class="mix portfolio-item app">
                    <img class="img-responsive" src="http://steambuy.com/goods_image/'.$Order->id_goods.'.png" alt="'.$Order->name_goods.'">
                    <a href="goods.php?idd='.$Order->id_goods.'" title="Title One" rel="portfolio" class="fancybox"><span class="plus"></span></a>
                    <figcaption class="mask">
                        <h3><a href="goods.php?idd='.$Order->id_goods.'">'.$Order->name_goods.'</a></h3>
                        <span>'.$Order->price.' '.$currn.'</span>
                    </figcaption>
                </figure>
        ';
    }
}
?>

Answer 1

[Антон Шаманов]

гугл + "php lazy load", если в двух словах, то подгрузка данных с использованием ajax

Comments

[Евгений Корякин]

По данному запросу нечего гуманного я не нашел.

[Антон Шаманов]

Евгений Корякин: ruhighload.com/post/Lazy+loading+%D1%80%D0%B5%D1%8... первая же ссылка

[Евгений Корякин]

Без использования базы данных, вообщем вот сайт: shop.def0lt.zz.vc/all.php
Мне нужно сделать отображения только 8 товаров. А в дальнейшем подгрузка в зависимости от скролла.

[Антон Шаманов]

Евгений Корякин: какая разница грузить данные? Теория по ссылке выше, на практике можно использовать готовое решение, например plugins.jquery.com/lazyload

[Евгений Корякин]

А сможете описать поподробнее(для чайника)?

[Антон Шаманов]

Евгений Корякин: писать за тебя код я не стану, могу только разъяснить какие-либо непонятные моменты

[Sergey Romanov]

> Евгений Корякин: А сможете описать поподробнее(для чайника)?

Это получится весь готовый год. Изучайте сами а тут задавайте только вопросы что не понятно по конкретным моментам.