如何在提示现有图片之前使用jquery更改图片

Question

我有3张图片，需要根据国家/地区加载。一个是默认设置，另外两个图像正在更改。我从用户IP获取国家（地区），并使用jQuery更改图像。 图像变化清晰可见，我想忽略。我可以那样做吗？我尝试进行延迟，但加载方式相同。

到目前为止，这是我的代码。

if(country == "xx") {
    jQuery("#img").attr("src", "image_url");
    setTimeout(function(){ jQuery('#imgoverlay').css("opacity", "0.9"); }, 3000);
    setTimeout(function(){ jQuery('#imgbox').css("opacity", "1"); }, 2000);

} else if(country == "yy") {
    jQuery("#img").attr("src", "image_url");
    setTimeout(function(){ jQuery('#imgoverlay').css("opacity", "0.9"); }, 3000);
    setTimeout(function(){ jQuery('#imgbox').css("opacity", "1"); }, 2000);
}

我已经在CSS中添加了visibility: hidden。运行此if else时，我遇到了问题。

预先感谢