2016-04-14 12 views
0

私はこれを持っています。 (無意味フィラーではないと、このポストのためのダウン短縮):jqueryを使用して、配列内のURLをクリックしたときに背景イメージを変更するにはどうすればよいですか?

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+")"}); 

バックグラウンドイメージは、普通のURLではなく、配列のboxart部分にあるものから変更されますか? quotation.boxartを使用しますか?そしてもしそうなら、どうですか?

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

任意の助けをいただければ幸いです(私は学んでいるので)私は、まだ感謝を知らない別の方法がある場合:私は仕事していないよういくつかの方法を試してみました!ジョニーは+さんにトリックを置くんでした 'URL(' + quotation.boxart + ')'

を置くよう

+0

'$( '体')を使用する必要があり、CSS({ '背景画像': 'URL(' + quotation.boxart + ')'});' –

+0

ほらああ!私はそこに+が必要でした。どうもありがとうございます! – Joseph

答えて

0

それは、でした!

0

あなたは

var randomIndex = Math.floor(Math.random() * numQuotes); 
var quotation = quotes[randomIndex]; 
$(document.body).css({'background-image':'url("'+quotation.boxart+'")'}); 
+0

それは私が知る必要があったものですが、ジョニーはそこに必要な+に私を結びつけました。 var quotation = quotes [randomIndex - 1];しかし、そこに-1が必要です。 – Joseph

+0

'Math.floor(Math.random()* numQuotes)'はあなたに[0、numQuotes]のランダムな整数を与えます。だからあなたは '-1'は必要ありません。 – v7d8dpo4

+0

あなたは、もし存在しなければ、そこにどれくらいの数のインデックスが存在する可能性がありますか? – Joseph

関連する問題