Question

我想要我的Joomla！主页在显示之前完全加载，当它加载时我想显示一个小的.gif动画。我在Kronos wordpress主题（http://demo.drythemes.com/index.php?theme=kronos-wp）上看过它。您在本网站上看到的预加载器就是我想要的样本。如何在Joomla中实现它？

由于

Answer 1

在body标记后面放置下面的样式，将不透明度设置为0. page_wrapper是主div的div名称。它可能是Joomla的容器。

<body>
<style>
#page_wrapper{
    opacity:0;
}

}
</style>
<div id="loading">
    <img style="display: block; margin-left: auto; margin-right: auto;" src="img/loading.gif">
</div>
<div id="page_wrapper">
 <!-- All your html template goes inside this div.

将此脚本放在可以在加载整个页面时启用页面内容的位置的末尾

<script type="text/javascript">
$(window).load(function() {
        $('#loading').hide();
        $('#page_wrapper').animate({ opacity: 1}, 1000, function() {});
    });
</script>

Answer 2

你可以尝试使用这个插件，它不在JED中，但我已经尝试过它在Joomla 2.5和3.0 http://emkt.mx/joomla-website-preloader-plugin.html中运行良好它是一个Joomla插件，它开始加载动画，直到页面中的所有内容都有加载。

使用动画预加载joomla页面

2 个答案: