Précharger le contenu d'une seule div avec Prquoader animé Jquery

Question

J'ai un site Web de portefeuille avec toutes les images dans un récipient div. J'ai actuellement un préchargeur JQuery sur le site qui fonctionne très bien, il montre une barre de chargement et quand il atteint 100%, le site Web se fane. Je me demande si je peux juste obtenir ce préchargeur dans le div qui contient toutes mes images et comment j'achève cela.

Le plugin j'utilise est QueryLoader et il est appelé en utilisant ce code:

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

Merci pour vos idées à l'avance. Le site Web est ici: www.samskirrowdesign.com

Answer 1

Je n'ai pas travaillé avec le préchargeur, mais je vais essayer de le faire. Je suppose que le html pour le preloader devrait être à l'intérieur des images div ainsi que les images.

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