仅在完全加载后淡入背景图像

Question

我正在尝试加载一个大的图像背景...即使我使用.load的图像只是正常加载,加载后没有平滑的淡入淡出.这是我的代码.

$(function(){
    var bgimage = new Image();      
    bgimage.src="http://placeimg.com/760/460/tech";       

    $(bgimage).load(function(){
        $(".feature").css("background-image","url("+$(this).attr("src")+")").fadeIn(slow);                  
    });
});

演示:http://jsfiddle.net/nud2bfb1/

我究竟做错了什么？

Answer 1

试试这个:你需要首先隐藏图像然后使用fadeIn(),也fadeIn(slow)必须是fadeIn("slow")引用速度慢

$(function(){
    var bgimage = new Image();      
    bgimage.src="http://placeimg.com/760/460/tech";       
    $(".feature").hide();     
    $(bgimage).load(function(){
        $(".feature").css("background-image","url("+$(this).attr("src")+")").fadeIn(2000); 
     }); 
});

DEMO