Javascript 打印图像而不是文本

我有一段代码，用来检查用户是否在hitbox.tv上在线。然而，我想这样做，而不是打印出一个文本字符串，它将打印出一个图像显示用户是否在线。有没有一种方法可以使用默认图像并在其上显示用户名覆盖

$（文档）.ready（函数（）{
$（“#表单按钮”）。单击（函数（）{
var channel=$（“#channelName”）.val（）；
$.getJSON（“http://api.hitbox.tv/media/live/“+channel.toLowerCase（），函数（数据）{
var mediaIsLive=data.livestream[0]。媒体是实时的；
如果（mediaIsLive==1）{
return$（“#liveNotification”）.text（频道+”在线）；
}
return$（“#liveNotification”）.text（频道+”处于脱机状态）；
}).错误（函数（）{
$（“#liveNotification”）.text（“我不确定：o”）；
});
});
});
流状态：-

在下面键入频道名称

使用

.html（）

而不是

text（）

。也不需要退货

if (mediaIsLive == 1) {
    $("#liveNotification").html('<img src="image_source" alt="Online">');
}else{
    $("#liveNotification").html('<img src="image_source" alt="Offline">');
}

if（mediaIsLive==1）{
$（“#liveNotification”）.html（“”）；
}否则{
$（“#liveNotification”）.html（“”）；
}

这是可行的，但我还打算在该图像上显示一个预先制作的图像，其中包含您要查找的用户的用户名。

if (mediaIsLive == 1) {
    $("#liveNotification").html('<img src="image_source" alt="Online">');
}else{
    $("#liveNotification").html('<img src="image_source" alt="Offline">');
}