打印图像而不是文本

Question

我有这段代码，我一直用来查看用户是否在hitbox.tv上在线。但是我想这样做，而不是打印出一个文本字符串，它会打印出一个图像，以显示用户是否在线。有没有办法使用默认图像并使用覆盖用户名覆盖显示它？

http://jsfiddle.net/foz3dL53/

$(document).ready(function () {
    $("#formButton").click(function () {
        var channel = $("#channelName").val();
        $.getJSON("http://api.hitbox.tv/media/live/" + channel.toLowerCase(), function (data) {
            var mediaIsLive = data.livestream[0].media_is_live;
            if (mediaIsLive == 1) {
                return $("#liveNotification").text(channel + " is online");
            }
            return $("#liveNotification").text(channel + " is offline");
        }).error(function () {
            $("#liveNotification").text("I'm not sure :o");
        });
    });
});


<p>Stream status: <span id="liveNotification">-</span>
</p>
<form>
    <p>Type the channel's name below</p>
    <input type="text" value="gravvy" id="channelName" />
    <input type="button" value="Check if live" id="formButton" />
</form>

Answer 1

使用.html()代替text()。也无需退货。

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