在jQuery的進度條從腳本

Question

加載背景圖片時，我有一個加載大圖進入人體在這種方式的腳本：

$('body').css("background-image", "url(pics/jpg/folio/" + TtempID + ".jpg)"); 

我正在尋找一個進度條腳本，將每次的運行背景圖像被改變，沒有單頁重新加載。

我目前使用Twitter BootStrap與jQuery結合使用。

在此先感謝您提供任何有價值的信息。

Cheers :)

Answer 1

這樣的事情？

jQuery的

function loadBackground(image) { 
    $('body').addClass('loading'); 
    var img = new Image(); 
    img.onload = function() { 
     $('body').css({ 
      'background-image': 'url(pics/jpg/folio/" + image + ".jpg)' 
     }).removeClass('loading'); 
    }; 

    img.src = url; 
} 

CSS

.loading:after{ 
    content:' '; 
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    background:url('PATH-TO-LOADING-IMAGE') 50% 50% no-repeat; 
    z-index:1000; 
    background-color:rgba(0,0,0,0.3); 
} 

在http://jsfiddle.net/gaby/CYFNc/2/

使用它像

loadBackground(TtempID); 

演示