사이트 상단 progressbar 표현
페이지 열릴때 상단에 상태 나타내는 nprogress 입니다
nprogress 를 그누5 PLUGIN 형태로 쬐끔 수정했습니다
head.sub.php <body 바로 밑에 아래 코드 입력해주시면 되십니다.
[code]
<?php
include_once(G5_PLUGIN_PATH.'/nprogress/index.php');
?>
[/code]
인앱 어플 만들다 페이지 이동시 progressbar가 없어 만들어봤습니다.
별거 없지만 도움되실까 올려봅니다.
링크 1번 클릭하면 적용된 사이트를 보실 수 있습니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 플러그인
그누보드 호환이거나 독립적으로 실행되는 플러그인을 소개합니다.
댓글 21개
로딩이 느려짐에 따라 ..마추어서 움직이는 것은 아닌거죠?
적용해 보니 페이지는 열려 있는데 바가 나중에 스르륵 지나가네요
아죽 작동은 굿 잘됩니다.
감사합니다.
테스트 배너교환 홈 http://bannok.ga/
NProgress.start()를 하면 바가 시작하여 오른쪽으로 올라갑니다.
처음에 빠르게 올라가며 NProgress.done()이 나오기전까지는 100%까지 가지 않고 점점 조금씩 올라갑니다.^^
그져 감사하게 사용하고 있습니다. ^^
setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);
페이지 로드 완료에 따라 진행바가 움직이는 것이 아니라
이 코드가 1초동안 진행바가 보이도록 하는 것 같더군요
그래서
위 코드를
$(window).load(function(){
NProgress.done();
});
이렇게 바꾸면 페이지 로드에 따라 움직이더라구요,
좋은 자료 감사합니다.
사용중 이시면 테마쪽 head.sub.php 에 낳어 보세요.