jquery - 脚本仅适用于 .jpg 图像类型，也需要适用于 .png 和 .gif

Question

此脚本尝试在可用的情况下用全尺寸图像替换缩略图图像，但目前它仅在全尺寸图像源为 .jpg 时才有效。我希望它适用于所有图像类型，或者至少也适用于 .png 和 .gif 文件。

// Now append the merch image, short description, //
// and SKU number to our table cells. //
jQuery.each(merchImage, function (i, val) {
    $(val).appendTo("#mcell" + i);
    var s = $(val).attr('src');
    // get full size image path info //
    var s_chop = s.lastIndexOf("_");
    var s_src = s.substr(0, s_chop);
    // if a full-size image exists, replace thumbnail //
    if (s_src.search(/notavail/i) == -1) {
        s = s_src + '.jpg';
        $(val).attr('src', s);
    }
    $(val).css('width', '').css('height', '').css('max-width', '180px').css('max-height', '240px');
    $("<br />").appendTo("#mcell" + i);
});
});

Answer 1

您需要以某种方式知道目标文件名，以便可以在此处使用

 s = s_src + '.jpg';

其他文件扩展名

 s = s_src + '.png';

 s = s_src + '.gif';

但是，如果我们确定您的图像文件夹只有图像并且总是s_src正确的，您可以尝试只使用而不是代码

 if (s_src.search(/notavail/i) == -1) {
        s = s_src + '.jpg';
        $(val).attr('src', s);
    }

那个

if (s_src.search(/notavail/i) == -1) {

        $(val).attr('src', s_src);
    }

但请在这里解决

var s_chop = s.lastIndexOf("_");
var s_src = s.substr(0, s_chop);

所以你要把文件扩展名保留在s_src.

我希望你能得到一般的想法......