javascript - jQuery 更改 img src 并且不显示旧的

Question

我正在使用 jQuery 替换部分图像 src 路径。它工作完美，但在显示新图像源之前仍然渲染旧图像。我想知道是否可以使用 .hide() 和 .show() 来防止旧图像渲染。

$(document).ready(function() {
    $(".gallery img").each(function() {
        $(this).attr("src", function(a, b) {
            return b.replace("s72-c", "s190-c")
        })
    })
});

图像 URL 结构:

旧图片网址:http://www.example.com/s72-c/sample.jpg

新图片网址:http://www.example.com/s190-c/sample.jpg

Answer 1

迭代前hide()和迭代内show()

$(document).ready(function() {
    $(".gallery img").hide().each(function() {
        $(this).attr("src", function(a, b) {
            return b.replace("s72-c", "s190-c")
        });
        $(this).show();
    })
});