用jQuery預加載背景圖片？

Question

我有一個div目前設置為不顯示，Div有一個大約5000px寬，2000px高的背景圖像。

我只用一個按鈕點擊了div顯示attirbute和一個按鈕點擊圖像是如此大的div加載和圖像加載后1/2秒; 是否有一個功能，我可以顯示預加載器，直到圖像准備好然后顯示它？

謝謝

Answer 1

這個問題已經發布了一段時間，僅使用vanilla javascript回答，但可以很容易地適應您的場景。

預加載CSS圖像

$(document).ready( function() {

    var c = new Image();

    c.onload = function(){
        $("#Your Div ID").css("background-image", "url(Path to Background Image)");  
    }

    c.src = "Path to Background Image";

});

Answer 2

嘗試使用原生javascript的Image對象來預加載圖像。

還要考慮通過制作瓷磚來避免在網絡上使用如此巨大的圖像。

Answer 3

試試這個：

http://ditio.net/2010/02/14/jquery-preload-images-tutorial-and-example/