預加載頁面的Joomla與動畫

我想我的Joomla！主頁完全加載之前，它出現，並加載時，我想顯示一個小的.gif動畫。我在Kronos wordpress主題上看到過它（http://demo.drythemes.com/index.php?theme=kronos-wp）。您在本網站上看到的預加載器就是我想要的樣本。我如何在Joomla中實現它？預加載頁面的Joomla與動畫

感謝

風格低於該設置不透明度爲0 page_wrapper的 body標籤發生之後

來源

2013-07-08 Aniq

既然你是新來的，接受該解決你的問題的答案（打勾）。向上（向上箭頭）提供您的信息或幫助您的答案。向下投票（向下箭頭）假的答案。 – Techie

權是主要的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>

來源

2013-07-08 06:08:06 Techie

好吧，這將是一個很noob問題。我在哪裏把這個代碼放在joomla！？我應該將其粘貼到模板文件夾中的html中嗎？或在哪裏？謝謝！ – Aniq

是在你的模板文件夾index.php老兄。 – Techie

好的，謝謝你的朋友！得到它了！只是最後一個問題。我在哪裏粘貼代碼的第二部分。這個「地點」在哪裏可以啓用頁面內容？它看起來像什麼？對不起，但我不是一個編碼器。再次感謝。 – Aniq

您可以嘗試使用這個插件的頁面內容的地方結束，這是不是在JED，但我有嘗試它和它在Joomla 2.5和3.0中運行良好http://emkt.mx/joomla-website-preloader-plugin.html這是一個Joomla插件，它啓動加載動畫，直到頁面中的所有內容都被加載。

來源

2013-11-24 23:05:42 fernandomtza

預加載頁面的Joomla與動畫

回答

相關問題