jquery - 使用 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

我没有使用预加载器，但我会试一试。我假设预加载器的 html 必须在图像 div 和图像中。

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