次の Javascript は、画像をプリロードし、div の背景を画像に設定してから、div 全体をフェードインすることを目的としています...
$("<img/>")
.attr("src", "../services/imageResize.php?img=" + img + "&width=150")
.load(function(e){
$("<div/>", {
class: "smallThumb"
})
.css("background", "url(" + $(this).attr("src") + ") no-repeat center center")
.appendTo(images)
.fadeIn(500);
if(count == imgTotal)
{
loadingImages = false;
images.css("background","#fff");
}
});
count++;
Chrome と Safari でテストしました。どちらも div をフェードインしてから、画像の読み込みを終了します。.css ステートメントのイメージをリロードする原因について当惑しています。