Question

我想将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相关的内容

有人建议吗？

延迟加载和ajax调用问题

0 个答案: