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

我有三张图片，需要根据国家/地区加载。一个是默认的，另外两个图像正在更改。我从用户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中添加了

可见性：hidden

。运行此

if else

时，我面临的是问题

---

提前感谢

请提供运行演示！将您的代码添加到$（document）.ready（function（）{//jquery code}）@Affan中，它已经在

$（document.ready