如何使用jquery在单击数组中的URL时更改背景图像?

时间:2016-04-14 00:42:45

标签: jquery arrays indexing onclick

我有这个。 (缩短此帖子不是毫无意义的填充物):

var randomQuote = function() {
    var quotes = [{
      author: "Duke Nukem: Manhatten Project",
      quote: "Come on out, Morphix. There's just two ways this can end, and in both of them, you die!",
      boxart: "http://game-server-hosting.net/wp-content/uploads/2008/12/4235.jpg"
    }];
    var numQuotes = quotes.length;
    var randomIndex = Math.round(Math.random() * numQuotes);
    var quotation = quotes[randomIndex - 1];
    $('.quotebox').html(quotation.quote);
    $('.authorbox').html(quotation.author);
  };

我理解这样的事情是如何运作的:

$('#bg').css({backgroundImage: "url("+imgbg+")"});

我想知道的是,如何将背景图像从那里更改为数组的boxart部分而不是普通网址?我使用quotation.boxart吗?如果是这样,怎么样?我尝试了一些似乎不起作用的方法:

$('body').css({'background-image': quotation.boxart});
$('body').css({'background-image': 'quotation.boxart'});
$('body').css({'background-image': 'url(quotation.boxart)'});

如果还有另一种我还不知道的方式(因为我刚刚学习),任何帮助都会受到赞赏,谢谢!

2 个答案:

答案 0 :(得分:0)

正如约翰尼所说'url('+ quotation.boxart +')'

加入+'就行了!

答案 1 :(得分:0)

你应该使用

23:59:59.999999