Javascript colorlib个人模板图片在页面刷新之前都是一张一张地加载的，有没有关于我应该在哪里查看的指针？

我正在使用来自的模板。 当在“公文包”选项卡上显示图片时，首先会将图像加载到彼此的顶部。如果刷新页面，它将正常加载。只是想知道我应该在哪里解决这个问题？Javascript、HTML还是CSS？我一直在研究Javascript，但不知道如何在页面加载后刷新图像格式。这是正确的方法吗

这是一张正在进行的操作的图像。“应该”是一个漂亮的3x3显示屏

我这里有基本代码

其他人也在colorlib模板的评论部分对此提出了抱怨。 我还减小了picutre图像的大小

---

如果我能被指向正确的方向，我就能研究并试图找出答案

我找到了一个“解决办法”。不确定这是否是最好的方法，但是，我从HTML模板中删除了“grid”类，然后在加载页面后使用jQuery将其添加回去

1） 在模板-->

2） 删除“网格”
3） 添加以下jquery脚本：

<script type="text/javascript">
    $('document').ready(function(){
        #('row').addClass('grid');
    });
</script>

$（'document'）.ready（函数（）{
#（'row'）.addClass（'grid'）；
});

我不确定为什么会关闭此功能，我提供了源代码、我自己的示例代码以及指向其他人有相同问题的模板注释的链接。我还能提供什么？