Проблема с отложенной загрузкой и вызовами ajax - PullRequest
Новая
       18

Проблема с отложенной загрузкой и вызовами ajax

1 голос
/ 13 июня 2019

Я хочу разделить список из 30 статей на куски по 5.

Для этого я написал следующий код: 

private static function makeChunk($array = array(), $howMany = 5) {
    $shortChunked = array_chunk($array, $howMany);
    $count = count($shortChunked);      
    $html = '';

    $i = 0;
    foreach ($shortChunked as $key => $chunk) :
        $class = '';

        if ($key == 0)
            $class = ' first active';

        if ($key == ($count - 1) && $count>1)
            $class = ' last';

        $html .= '<div class="my-chunk chunk'.$class.'">';

        foreach($chunk as $article) {
            if ($i == 0) {
                $img = '<img class="img-responsive" src="' . $article['image'] . '" alt="' . $article['imageAlt'] . '" />';
            } else {
                $img = '<img class="img-tab-ll img-responsive" src="' . get_template_directory_uri() . '/img/imageLoading.gif" data-src="' . $article['image'] . '" alt="' . $article['imageAlt'] . '" />';
            }

        }

        $html .= '</div>';  
    $i++;
    endforeach;

    return $html;
}

Это работает просто отлично, но я думаю о ленивой загрузке первого блока.

Я заметил, что если я также лениво загружаю первый чанк, изображения не отображаются, пока я не нажму кнопку для загрузки следующего ряда (следующего чанка), поэтому мне кажется, что я упускаю что-то, связанное с ajax / lazyload .

Любые советы?

...