我想要我的 Joomla!主页在它显示之前完全加载并且在它加载时我想显示一个小的 .gif 动画。我在 Kronos wordpress 主题(http://demo.drythemes.com/index.php?theme=kronos-wp)上看到了它。您在本网站上看到的预加载器是我想要的示例。如何在 Joomla 中实现它?
谢谢
我想要我的 Joomla!主页在它显示之前完全加载并且在它加载时我想显示一个小的 .gif 动画。我在 Kronos wordpress 主题(http://demo.drythemes.com/index.php?theme=kronos-wp)上看到了它。您在本网站上看到的预加载器是我想要的示例。如何在 Joomla 中实现它?
谢谢
您可以尝试使用这个插件,它不在 JED 中,但我已经尝试过了,它在 Joomla 2.5 和 3.0 中运行良好http://emkt.mx/joomla-website-preloader-plugin.html这是一个 Joomla 插件,它开始加载动画,直到页面中的所有内容都加载完毕。
在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>