Javascript 使用js的路径控制

我找到了一个用于我的项目的脚本，我为自己编辑了一切都正常，但有一点我没有成功编辑js（jquery）是关于基本路径的，脚本对图像路径使用

data src base

，我不想使用此路径，因为所有图像的路径都可能不同

脚本使用这个

 <img data-src-base='http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/' data-src=""data-swapMe='<480:4.jpg,<768:3.jpg,<960:2.jpg,>960:1.jpg' class="lazyload" /> 

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

在for循环的最后一条语句中，您将数据src base属性（在代码中称为“a”）添加到src属性（设置为“E”）中

我刚刚从末尾的“E”中删除了“a”，因此您可以看到图像将具有属性

src=“1.jpg”

（如果这是您的屏幕大小）

但是，您应该能够删除此处未使用的其他变量，如

u

和

a

函数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=d；
s、 src！==E&&s.setAttribute（“src”，E）；
打破
}
}
}
}
if（window.addEventListener）{
window.addEventListener（“加载”，使图像响应，！1）；
window.addEventListener（“调整大小”，使图像响应，！1）
}否则{
window.attachEvent（“onload”，使图像响应）；
window.attachEvent（“onresize”，使图像响应）
}；

放在一边{
宽度：900px；
}
旁img{
宽度：100%；
}

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

在for循环的最后一条语句中，您将数据src base属性（在代码中称为“a”）添加到src属性（设置为“E”）中

我刚刚从末尾的“E”中删除了“a”，因此您可以看到图像将具有属性

src=“1.jpg”

（如果这是您的屏幕大小）

但是，您应该能够删除此处未使用的其他变量，如

u

和

a

函数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=d；
s、 src！==E&&s.setAttribute（“src”，E）；
打破
}
}
}
}
if（window.addEventListener）{
window.addEventListener（“加载”，使图像响应，！1）；
window.addEventListener（“调整大小”，使图像响应，！1）
}否则{
window.attachEvent（“onload”，使图像响应）；
window.attachEvent（“onresize”，使图像响应）
}；

放在一边{
宽度：900px；
}
旁img{
宽度：100%；
}

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

脚本中的图像根路径当前在HTML img属性

数据src base

中定义。然后，图像在相当模糊的

数据src

属性中解析。 例如，如果图像路径必须是静态的，您可以调整HTML

960:firstImage.jpg'/>

但是，如果您希望在运行时动态更改源地址，则必须在脚本中定义图像源。我建议您同时删除img标记中的属性以及脚本中的属性检查，因为这些img属性不再包含有价值的信息

这可以通过以下方式实现：

var图像源=[
'http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/1.jpg', 'http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/2.jpg', 'http://yurtici.anitur.com.tr/musteri/ingoing/2017/htm/img/3.jpg'
]
函数makeImagesResponsive（）{
var e=window.innerWidth | | | document.documentElement.clientWidth | | document.body.clientWidth，
t=document.getElementsByTagName（“正文”）[0].getElementsByTagName（“img”）；
如果（t.length==0）返回；
对于（变量i=0；i