2013-07-08 2 views
0

내 Joomla! 홈페이지가 완전히 나타나기 전에로드하고로드하는 동안 작은 .gif 애니메이션을 보여주고 싶습니다. 나는 크로노스 워드 프레스 테마 (http://demo.drythemes.com/index.php?theme=kronos-wp)에서 그것을 보았다. 이 웹 사이트의 프리 로더로 보는 것은 내가 원하는 것의 샘플입니다. Joomla에서 어떻게 구현할 수 있습니까?미리로드 joomla 페이지 애니메이션

감사

0 page_wrapper에 불투명도를 설정할 스타일있는 아래의 body 태그 놓은 후
+0

여기에 새 경험이 있으니 문제를 해결 한 답안을 수락하십시오. 귀하에게 정보를 제공하거나 귀하를 도와주는 답변에 대해 투표 (위 화살표)를하십시오. 가짜 인 대답을 아래로 (아래쪽 화살표로) 표시하십시오. – Techie

답변

0

오른쪽은 주요 사업부의 사업부 이름입니다. 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> 
+0

좋습니다. 이것은 매우 멍청한 질문이 될 것입니다. 어디서 joomla에이 코드를 넣어야합니까? 이 템플릿을 템플릿 폴더에있는 html에 붙여 넣어야합니까? 또는 어디에? 감사! – Aniq

+0

예, 템플릿 폴더 index.php에 있습니다. – Techie

+0

감사합니다. 친구! 알았다! 마지막 질문 하나만 남았습니다. 어디에서 코드의 두 번째 부분을 붙여 넣을 것입니까? 페이지 내용을 가능하게하는 '장소'는 어디에 있습니까? 어떻게 생겼습니까? 미안하지만 나는 코더가 아니야. 다시 한 번 감사드립니다. – Aniq

0

당신은이 플러그인을 사용하여 시도 할 수로드 된 페이지의 내용을 가능하게하는 장소의 끝이 스크립트, 그것은 JED에없는,하지만 난 시도가 그것과 그것은 Joomla 2.5와 3.0에서 잘 작동합니다. http://emkt.mx/joomla-website-preloader-plugin.html 페이지의 모든 것이로드 될 때까지로드 애니메이션을 시작하는 Joomla 플러그인입니다.