我有一些代码,其中resize函数在运行时检查屏幕宽度并加载图像的高分辨率或标准分辨率版本。如果变量已存在,则不运行if语句
当重复调整两个CSS定义的断点宽度之间的宽度时,该脚本将-large.jpg
附加到文件名,导致imagename-large-large.jpg
。
function resize(){
$('.image').each(function() {
var image = $(this).find('.image img');
var src = $(this).find('img').attr('src');
var highRes = src.replace(".jpg", "-large.jpg");
});
if ($(window).width() > 1920) {
image.attr("src", highRes);
}
else {
image.attr("src", src);
}
}
我不知道如何阻止脚本将-large.jpg
附加到文件名。什么是最好的方法呢?
提供您的html – 2015-02-12 00:56:47
您的代码根本不起作用; “src”和“highRes”变量是该.each()'回调的局部变量。 – Pointy 2015-02-12 00:57:36
有很多错误。为什么你有嵌套的图像类? – vol7ron 2015-02-12 01:14:02