画像がAJAXで読み込まれたときにCSSの背景を置き換えます

Question

の後に置き換えたいプレースホルダの背景画像がです。

$.get("BIG-IMAGE-URL").done(function(data){ 
    $('.MY-DIV-CLASS').css('background-image', 'url("BIG-IMAGE-URL")'); 
}); 

誰もこのような単純な関数を作る方法を知っていますか？

Answer 1

JavaScriptを使用して大きな画像を読み込み、CSSの背景をloadイベントハンドラに設定することができます。

var img = new Image(); // Create new img element 
img.addEventListener('load', function() { 
    // set background here 
    $('.MY-DIV-CLASS').css('background-image', 'url("bigImage.png")'); 
}, false); 
img.src = 'bigImage.png'; // Set source path 

出典：さらにMDN Using_images

は、ここではjQueryのHow can I check if a background image is loaded?を使用して同様のソリューションです