Question

您好我正在使用一个名为soliloquy的wordpress滑块插件。

目前在桌面上一切都很棒。但是在移动设备上，图像占用了大量的内存，导致游侠陷入困境。

我正在使用modernizr来检测它是否是触摸设备然后从

替换src字符串

name.jpg

（原始尺寸上传图片）到

name-480x480.jpg

（较小的图片）

我的代码现在是

if (Modernizr.touch){
$('img.soliloquy-item-image').each(function(index, element) {
$(this).attr('src', $(this).attr('src').replace('.jpg', '-480x480.jpg'));
});

这显然只取代了第一张图片，而不是全部。有谁知道为什么？

Answer 1

从源代码中快速浏览一下，该插件正在使用jQuery数据属性soliloquy-src，所以请尝试替换它：

if (Modernizr.touch){
    $('img.soliloquy-item-image').each(function(index, element) {
        var img = $(this);
        img.attr("src", img.attr("src").replace(".jpg", "-480x480.jpg"));
        img.data("soliloquy-src", img.data("soliloquy-src").replace(".jpg", "-480x480.jpg"));
    });
}

替换所有图像的SRC中的字符串

1 个答案: