Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用lazyload替换img_Javascript_Jquery_Html_Css_Lazy Loading - Fatal编程技术网

Javascript 用lazyload替换img

Javascript 用lazyload替换img,javascript,jquery,html,css,lazy-loading,Javascript,Jquery,Html,Css,Lazy Loading,我正在使用并且它有data src参数,同时我正在使用来替换我在responsive上的映像,它也在使用data src参数。我将data src的名称更改为data swapMe,以避免冲突。但我想知道懒汉是否注意到我的形象?哪一个是懒惰的?更换img?或者两者都有 另一件事是有任何方法可以删除数据src base我的路径可以不同 函数makeImagesResponse(){ var e=window.innerWidth | | | document.documentElement.c

我正在使用并且它有
data src
参数,同时我正在使用来替换我在responsive上的映像,它也在使用
data src
参数。我将
data src
的名称更改为
data swapMe
,以避免冲突。但我想知道懒汉是否注意到我的形象?哪一个是懒惰的?更换img?或者两者都有

另一件事是有任何方法可以删除
数据src base
我的路径可以不同

函数makeImagesResponse(){
var e=window.innerWidth | | | document.documentElement.clientWidth | | document.body.clientWidth,
t=document.getElementsByTagName(“正文”)[0].getElementsByTagName(“img”);
如果(t.length==0)返回;
var n;
t[0]。hasAttribute?n=函数(e,t){
返回e.hasAttribute(t)
}:n=功能(e,t){
返回e.getAttribute(t)!==null
};
var r=window.devicePixelRatio?window.devicePixelRatio>=1.2?1:0:0;
对于(变量i=0;i=v[1]&&e=v[1]
}
如果(m){
var E=a+d;
s、 src!==E&&s.setAttribute(“src”,E);
打破
}
}
}
}
if(window.addEventListener){
window.addEventListener(“加载”,使图像响应,!1);
window.addEventListener(“调整大小”,使图像响应,!1)
}否则{
window.attachEvent(“onload”,使图像响应);
window.attachEvent(“onresize”,使图像响应)
};

960:1.jpg'class=“lazyload”/>

为避免冲突,您可以更改插件的源代码或覆盖包含
image.hasAttribute('data-src')的函数
'data-src'
更改为
data-swapMe
我更改示例
data-src
如下所示?o=r&&n(s,“data-swapMe2x”)?“data-swapMe2x”:“数据交换”,就是这样!你测试过吗?是的,你可以在一个你可以检查的示例上看到