사이트 상단 progressbar 표현
페이지 열릴때 상단에 상태 나타내는 nprogress 입니다
nprogress 를 그누5 PLUGIN 형태로 쬐끔 수정했습니다
head.sub.php <body 바로 밑에 아래 코드 입력해주시면 되십니다.
[code]
<?php
include_once(G5_PLUGIN_PATH.'/nprogress/index.php');
?>
[/code]
인앱 어플 만들다 페이지 이동시 progressbar가 없어 만들어봤습니다.
별거 없지만 도움되실까 올려봅니다.
링크 1번 클릭하면 적용된 사이트를 보실 수 있습니다.
댓글 21개
너무느린신
8년 전
그냥 보여주기 위한 바인가요?
로딩이 느려짐에 따라 ..마추어서 움직이는 것은 아닌거죠?
적용해 보니 페이지는 열려 있는데 바가 나중에 스르륵 지나가네요
아죽 작동은 굿 잘됩니다.
감사합니다.
테스트 배너교환 홈 http://bannok.ga/
로딩이 느려짐에 따라 ..마추어서 움직이는 것은 아닌거죠?
적용해 보니 페이지는 열려 있는데 바가 나중에 스르륵 지나가네요
아죽 작동은 굿 잘됩니다.
감사합니다.
테스트 배너교환 홈 http://bannok.ga/
ㅇr름ㄷr운총각
8년 전
header를 분석해서 처리하는건 아니구요
NProgress.start()를 하면 바가 시작하여 오른쪽으로 올라갑니다.
처음에 빠르게 올라가며 NProgress.done()이 나오기전까지는 100%까지 가지 않고 점점 조금씩 올라갑니다.^^
NProgress.start()를 하면 바가 시작하여 오른쪽으로 올라갑니다.
처음에 빠르게 올라가며 NProgress.done()이 나오기전까지는 100%까지 가지 않고 점점 조금씩 올라갑니다.^^
너무느린신
8년 전
아네...그래도 이거 달아 놓으니 먼가 있어보이고 좋습니다.
그져 감사하게 사용하고 있습니다. ^^
그져 감사하게 사용하고 있습니다. ^^
너무느린신
8년 전
스크랩
8년 전
사이트 상단 progressbar 표현
8년 전
있어 보입니다 ^^
sunflower
8년 전
좋은 자료 감사합니다. index.php에서
setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);
페이지 로드 완료에 따라 진행바가 움직이는 것이 아니라
이 코드가 1초동안 진행바가 보이도록 하는 것 같더군요
그래서
위 코드를
$(window).load(function(){
NProgress.done();
});
이렇게 바꾸면 페이지 로드에 따라 움직이더라구요,
좋은 자료 감사합니다.
setTimeout(function() { NProgress.done(); $('.fade').removeClass('out'); }, 1000);
페이지 로드 완료에 따라 진행바가 움직이는 것이 아니라
이 코드가 1초동안 진행바가 보이도록 하는 것 같더군요
그래서
위 코드를
$(window).load(function(){
NProgress.done();
});
이렇게 바꾸면 페이지 로드에 따라 움직이더라구요,
좋은 자료 감사합니다.
8년 전
감사합니다.
Rockg
8년 전
굿입니다~
8년 전
멋지네요!!
8년 전
감사합니다.
8년 전
감사합니다
7년 전
로딩바
7년 전
첨부파일다운로드해서 plugin에 집어넣고 head.sub.php <body 바로밑에 코드를 집어넣었는데 실행이안되는건 왜그런걸까요....ㅠㅠ
7년 전
혹시 테마 사용중 이신가요?
사용중 이시면 테마쪽 head.sub.php 에 낳어 보세요.
사용중 이시면 테마쪽 head.sub.php 에 낳어 보세요.
7년 전
페이지 로딩 감사합니다! sunflower님 댓글보고 수정하니 더 좋네요!
7년 전
고맙습니다.
7년 전
자료 감사합니다.
wootea
6년 전
감사합니다
5년 전
연금사님과 같이 했는데 안되네요
4년 전
감사합니다.
게시판 목록
그누보드5 플러그인
그누보드 호환이거나 독립적으로 실행되는 플러그인을 소개합니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 633 | 3개월 전 | 790 | ||
| 632 | 4개월 전 | 505 | ||
| 631 | 4개월 전 | 734 | ||
| 630 | 4개월 전 | 747 | ||
| 629 | 4개월 전 | 591 | ||
| 628 | 4개월 전 | 632 | ||
| 627 | 4개월 전 | 657 | ||
| 626 | 4개월 전 | 618 | ||
| 625 | 4개월 전 | 1557 | ||
| 624 | 4개월 전 | 723 | ||
| 623 | 5개월 전 | 462 | ||
| 622 |
 thisgun |
5개월 전 | 618 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기