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>

使用Jquery动画预加载器预加载一个div的内容

1 个答案: