jquery - 背景がjQueryでロードされたときにdivをフェードインする方法

Question

クラス'divBG'からいくつかのdivがあり、背景が読み込まれた直後に各divをフェードインさせます。

Answer 1

$(".divBG").hide(); //hide all cubes of class cubes
$(".divBG").each(function(){

    var id=this.id; //get cube id
    bg = $(this).css('background-image');    //get div bg url
    bg = bg.replace(/^url\(["']?/, '').replace(/["']?\)$/, '');     //change css url property: [url('url')] ---> [url] only

    if (bg) {       //if div has bg
        var a = new Image;  
        a.onload = function( ){ $('#'+id).fadeIn(1000)};        //fade in cube when image is loaded. 
        a.src = bg; //load image with given url
    }

});

Answer 2

このような意味ですか？

function loadImage(div, imageUrl)
{   
    var img = new Image();
    $(img).load(function () 
        {
            $(div).html(this).fadeIn(1000);
        }
    ).attr('src', imageUrl);
}

loadImage("#div1", "image.png");

これにより、画像がdivに読み込まれ、フェードインされます。背景として使用する場合は、画像をコンテナにまとめて、テキストを配置できます。