친효스킨 v2.3 본문 로딩 스크립트 코드 위치 수정 안내
2021. 4. 30. 13:43
안녕하세요. 친절한효자손입니다. 친효스킨 2.3 버전에 대한 일부 코드 수정 안내입니다. 치명적인 문제는 아닙니다. 본문 로딩 스크립트의 위치를 변경하고자 이렇게 안내를 드리려고 합니다. 본문을 다 로드 후 스크립트가 실행되다보니 바로 곰돌이가 보이지 않고 약 0.5초 정도 후 곰돌이가 보이는 문제를 수정했습니다. 위치를 옮기면 이제 로딩 스크립트가 바로 실행되고 본문 로딩이 모두 완료되면 곰돌이도 사라지게 될 것입니다.
HTML 수정 방법
다음의 스크립트를 HTML 편집 화면에서 찾습니다. 위치는 </body> 바로 위에 있을 것입니다.
<!-- 스킨 로딩 -->
<s_if_var_chskinloading>
<script>
$(window).on('load', function() {
$("#loading").hide();
});
</script>
<div id="loading">
<div class="loadingSize">
<div class="loadingSpin">
<div class="loadingAni">
<div></div>
<div>
<div></div>
</div>
</div>
</div>
<img class="rgyLoadingImg" <s_if_var_rgy-loadingimg>src=""</s_if_var_rgy-loadingimg>
<s_not_var_rgy-loadingimg>src="./images/loading.gif"</s_not_var_rgy-loadingimg> alt="loading">
</div>
</div>
</s_if_var_chskinloading>이것이 스킨 로딩과 관련된 태그 코드입니다. 이 코드를 모두 블록 처리하여 잘라내기(Ctrl+X) 합니다. 그리고 <body> 바로 뒤에 붙여넣기 해줍니다.
수정 완료 후의 모습입니다. 친효스킨은 <body> 태그 안쪽에 여러가지 치환자들이 들어가 있습니다. 위의 스크린샷을 참고하시어 스킨로딩 코드를 옮기시면 됩니다. 위의 이미지를 보시면 아시겠지만 </div>가 빨간색으로 변하는 일부 태그가 발생합니다. 이것은 스킨 오류가 아닙니다. 코딩 상태는 정상입니다. 단지 치환자가 기존의 HTML 규격에서 살짝 벗어나기 때문에 오류로 처리를 하게 되는 것입니다. 기능에서는 모두 이상 없습니다. 이렇게 수정 완료 후 저장하시고 스킨이 정상 작동하는지 확인해 주시기 바랍니다. 끝.
