게시글 보여주기 전에 logo 잠시 보여줬다가 이동하기
본문
최신글이나..
게시판 제목을 클릭하면
몇초 동안 logo 이미지를 보여주고 게시글이 보이게 하고 싶은데 어찌 해야 할까요?
전에 이 방법을 알아서 적용했는데
그누 5.3으로 업데이트 하면서 다시 적용하고 싶은데
아무리 찾아봐도 어떤 파일을 수정했는지 기억이 나지 않아서요..
답변 2
좋은방법은 아닌데..
<script>
$('.test').on('click', function(){
var hhh = $(this).attr('href');
event.preventDefault();
$('body').append('<div>하하하!</div>');
setTimeout(function(){
location.href = hhh;
}, 5000);
});
</script>
해당 화면의 제일 하단부분 (tail 등)에 아래 소스를 넣어보세요.
bg-wrap 을 보여주다가 페이지 로드가 다 끝나면 100ms (0.1초) 이후
fadeout 으로 사라집니다.
loading 부분을 활용해보세요.
제이쿼리가 로드되어 있어야 합니다.
<style>
.bg-wrap b{ background: #fff; left: 0; top: 0; width: 100%; height: 100%; display: block; position: fixed; z-index: 9999999; }
.bg-wrap .loading { 해당이미지 스타일 }
</style>
<script type="text/javascript">
$(document).ready(function() {
// Page loader
$(window).load(function(){
$(".bg-wrap .loading").delay(0).fadeOut();
$(".bg-wrap").delay(100).fadeOut("slow"); (지연시간 ms)
});
});
</script>
<div class="bg-wrap">
<div class="loading"></div>
</div>