用Jquery動畫預加載器預加載一個div的內容

Question

我有一個包含一個容器div中所有圖像的組合網站。我目前在網站上有一個JQuery預加載器，效果很好，它顯示一個加載欄，當它達到100％時，網站就會淡入。我想知道是否可以在包含所有圖像的一個div中加載這個預加載器，我如何實現這一目標。

我使用的插件是QueryLoader並且它使用此代碼名爲：

<script> 
$(document).ready(function() { 
$("body").queryLoader2({ 
    barColor: "#099", 
    backgroundColor: "#fff", 
    percentage: true, 
    barHeight: 1, 
    completeAnimation: "fade" 
}); 
}); 
</script> 

感謝提前你的想法。該網站是在這裏：www.samskirrowdesign.com

Answer 1

我還沒有與preloader工作，但我會採取一擊。我假設preloader的html將不得不在圖像div以及圖像中。

<script> 
    $("#divId").load(function(){ 
     $(this).queryLoader2({ 
      barColor: "#099", 
      backgroundColor: "#fff", 
      percentage: true, 
      barHeight: 1, 
      completeAnimation: "fade" 
     }); 
    }); 
</script>