ロード時に背景やテキストを変更するJavaScript配列

Question

記事の背景イメージと読み込み時にこの記事の見出しのテキストを変更しようとしています。これらの2つの項目は互いに一致する必要があるため、ランダムはオプションではありません。私は間隔を置いてそれを変えることを望んでいない。誰かがこのようなことを経験したことがありますか？

おかげ

Answer 1

は、あなたがあなたの質問やコメントから何をしようとして完全に明確ではないが、ここにいくつかのグループ化された画像やテキストを格納し、動的時にそのデータを使用してDOMを変更する方法の例ですドキュメントがロードされます。

var backgroundAndText = [ 
    {background:'http://example.com/image1.jpg', text:'This is text #1.'}, 
    {background:'http://example.com/image2.jpg', text:'This is text #2.'}, 
    {background:'http://example.com/image3.jpg', text:'This is text #3.'} 
]; 
var loadNewContent = function(o) { 
    document.getElementById('marquee').style.backgroundImage = o.background; 
    document.getElementById('text').innerHTML = o.text; 
}; 
document.body.onload = function() { 
    loadNewContent(backgroundAndText[0]); 
};