如何設置隨機引用的特定背景？

所以，我在一個數組中引用了我的引號，並且在另一個數組中有我的背景圖像。我的背景圖片按其所屬的報價順序排列。我想知道如何隨時隨地顯示某個報價，然後該報價的背景圖片也顯示出來？謝謝，麻煩您了！順便說一下，這些都在我的Javascript文件中。如何設置隨機引用的特定背景？

這是我的JavaScript的樣子（我的報價和背景圖片都高於此）：

function newQuote(){ 
 
\t 
 
var randomNumber = Math.floor(Math.random() * (quotes.length)); 
 
\t document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber]; 
 
} 
 
newQuote(); 
 

 
$("#button").on("click",function(){ 
 
\t 
 
newQuote(); 
 
    
 
});

來源

2017-08-04 RenDevu

您可能也會將背景設置爲'images [randomNumber]'。你有什麼嘗試？ – RobG

我也試過。人們建議創建一個名爲index的變量，然後它將一個隨機數字設置爲quote = quote [index]。那也行不通。 – RenDevu

試試這個：

function newQuote(){ 
     var quotes = ["quote1","quote2","quote3"]; 
     var bg_image_url = ["image1.com","image2.com","image3.com"]; 

    var randomNumber = Math.floor(Math.random() * (quotes.length)); 
     document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber]; 
      document.body.style.backgroundImage = "url('"+bg_image_url[randomNumber]+"')"; 
    } 
    newQuote(); 

    $("#button").on("click",function(){ 

    newQuote(); 

    });

來源

2017-08-04 03:35:24 dawit

讓我知道你是否有任何疑慮 – dawit

好的，我會嘗試。 – RenDevu

如果我的圖像來自在線並以jpg，png或其他方式結束，它會有所作爲嗎？ – RenDevu

你可以嘗試像下面。

function newQuote(){ 

var randomNumber = Math.floor(Math.random() * (quotes.length)); 
    document.getElementById('quoteDisplay').innerHTML = quotes[randomNumber]; 
    var color= color[randomNumber]; 
    document.getElementById('quoteDisplay').style.backgroundColor = color; 
} 
newQuote(); 

$("#button").on("click",function(){ 

newQuote(); 

});

來源

2017-08-04 03:38:15 Hiral

我可以將backgroundColor更改爲backgroundImage嗎？ – RenDevu

var color = color [randomNumber];'oops。 – RobG

是的，你可以像你提到的那樣指定backgroundImage。 – Hiral

如何設置隨機引用的特定背景？

回答

相關問題