Jquery 애니메이션 프리 로더로 한 div 만 미리로드하십시오.

Question

하나의 컨테이너 div에 모든 이미지가 포함 된 포트폴리오 웹 사이트가 있습니다. 현재 위대한 작동하는 사이트에서 JQuery preloader가로드 막대를 보여줍니다 및 100 % 도달 할 때 웹 사이트를 페이드 인합니다. 나는 내 모든 이미지를 포함하는 한 div있는이 preloader 얻을 수 있는지 궁금하네요 및 내가 어떻게 성취하는지.

내가 사용하고 플러그인은 QueryLoader이며이 코드를 사용라고 : 사전에 아이디어를

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

감사합니다. 웹 사이트는 여기에 있습니다 : www.samskirrowdesign.com

Answer 1

나는 프리 로더와 함께 일했던 havent지만 나는 그것에 총을 맞을 것입니다. 프리 로더에 대한 html은 이미지뿐만 아니라 이미지 div 안에 있어야한다고 가정합니다.

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