사이트 구축·운영 인사이트, SIR 블로그
이전 목록 다음
채택완료

게시글 보여주기 전에 logo 잠시 보여줬다가 이동하기

다다조아해
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-16 (수) 15:40:57 2,546

최신글이나..

게시판 제목을 클릭하면

몇초 동안 logo 이미지를 보여주고 게시글이 보이게 하고 싶은데 어찌 해야 할까요?

전에 이 방법을 알아서 적용했는데

그누 5.3으로 업데이트 하면서 다시 적용하고 싶은데

아무리 찾아봐도 어떤 파일을 수정했는지 기억이 나지 않아서요..

그누보드5
|

답변 2개

채택된 답변
+20 포인트
집에가고싶어
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-16 (수) 15:47:15

좋은방법은 아닌데..

Copy 
<script>

$('.test').on('click', function(){

        var hhh = $(this).attr('href');

        event.preventDefault();

        $('body').append('<div>하하하!</div>');

        setTimeout(function(){
            location.href = hhh;
        }, 5000);
    });

</script>
애애드프로
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-01-16 (수) 15:49:25

해당 화면의 제일 하단부분 (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>

답변을 작성하려면 로그인이 필요합니다.