ダイナミックCSSの背景に画像をプリロードする

Question

大きな背景画像をCSS形式で使用する前にプリロードするにはどうすればよいですか。 jQueryを使って簡単にすることができます。

Answer 1

var img = document.createElement('img') 
img.src = 'http://yourhref.com/myimg.jpg' 

がロードされます。 CSSで：

その後

var div = document.createElement('div') 
div.style.backgroundImage = 'url("myurl.jpg")' 

、あなたはそれを追加したい、

document.body.appendChild(div)