根据Twitch通道更改图像是否有效

时间:2014-10-27 02:39:00

标签: javascript jquery html

好吧,基本上我想在频道上线时更改图像。这是我正在使用的HTML

<img src="img/portfolio/knarf.png" class="img-responsive" class="2twitch2" href="http://www.twitch.tv/NotKnarf" data-tnick="notknarf">

我制作的JQuery

jQuery(document).ready(function ($) {
$('.2twitch2').each(function () {
    var tnick = $(this).data('tnick');
    var span = $(this).next();
    $.getJSON("https://api.twitch.tv/kraken/streams/" + tnick + ".json?callback=?", function (c) {
        if (c.stream == null) {
            var src = $(this).attr("src").replace("live.png", ".png");
            $(this).attr("src", src);
        } else {
            var src = $(this).attr("src").match(/[^\.]+/) + "live.png";
            $(this).attr("src", src);
        }
    });
});

});

我只是想让它在最后添加live.png。我认为这样可行,但我只是得到相同的图像,就像它在上线时没有改变任何东西。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

您必须在class

中仅声明一次img属性

<img src="img/portfolio/knarf.png" class="img-responsive 2twitch2" href= ...