我有一些代碼,其中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