Javascript 延迟加载未显示在屏幕img上

我正在使用下面的js代码在我的网站上进行延迟加载，它对屏幕外的图像非常有效，但我想添加一个条件，即即使img在屏幕上，它也应该工作，现在它不显示我的第一个图像，而是为第二个图像工作

//延迟加载启动
document.addEventListener（“DOMContentLoaded”，function（））
{
var e，n=document.queryselectoral（“.lazy”）；
函数t（）
{
e&&clearTimeout（e），e=setTimeout（函数（）
{
对于（var e=window.pageYOffset，o=0；o

h2{
边际下限：50px
}

下降
下降
下降
下降
下降
下降
下降
下降
下降
下降
下降
下降
下降

您只需一次即可加载

t

功能：

document.addEventListener（“DOMContentLoaded”，function（））{
var e，n=document.queryselectoral（“.lazy”）；
函数t（）{
e&&clearTimeout（e），e=setTimeout（函数（）{
对于（var e=window.pageYOffset，o=0；o


下降
下降
下降
下降
下降
下降
下降
下降
下降
下降
下降
下降
下降

值得一提的是，有一个很棒的用vanilla JS编写的库，可以帮助您轻松加载图像。你可以去看看。如果您不希望延迟加载某个图像，请不要将
lazy
类添加到图像标记中。