갤러리
이번엔 Masonry에 무한 스크롤 반영입니다. 자료 출처 : https://codepen.io/desandro/pen/XgRpNr 이 기능을 이용하기 위해서는 게시판 설...
[펄스나인] 쉽게쓰는 UI/UX - 페이지 로딩
2021.08.03 수정
중복될 가능성이 있는 이름(ID)을 변경하였습니다.
css : #loading 을 #loadings 로 변경
script : #loading 을 #loadings 로 변경
html : id="loading" 을 id="loadings" 로 변경
안녕하세요. 펄스나인 입니다.
모바일에서 자주쓰이는 페이지로더 입니다.
PC도 사용 가능합니다.
$(window).on("load", function() { 으로
DOM을 포함한 페이지내 모든 엘리먼트가 브라우저에 올라오면 사라집니다.
첨부된 파일의 압축을 푸시고
loader.html 파일의 코드를 <body> 아래쪽에 추가하시면 됩니다.
style 은 분리 하셔도 됩니다~
감사합니다!
버전 정보
테스트한 버전
5.4.9
호환 가능 버전
무관
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
갤러리
많이 쓰는 기능이죠. Masonry 기능입니다. 소스 출처는 https://codepen.io/desandro/pen/MwJoZQ 이 소스를 이용하여 그누보드5용 갤러리...
게시판
그누보드 기본게시판에 태그기능 추가했습니다. 스킨명 : basic_tags 1. list.skin.php [code] // 태그 테이블 추가 sql_query(" ALTER T...
레이아웃
2021.08.03 수정 중복될 가능성이 있는 이름(ID)을 변경하였습니다. css : #loading 을 #loadings 로 변경 script : #loading 을 #lo...
게시판
AJAX 기본 게시판입니다. 데모페이지 1 : https://gnu54.suu.kr/ajax - 그누보드 순정 테마로 PC버전으로만 확인할 수 있습니다. 데모페이지 2 ...
게시판
2021년 7월 20일 20시에 리스트형을 추가하면서 파일과 설명글을 새롭게 업뎃했습니다. ------------------- 1. 기본형 옵션은 예전 플레이어와 대동소...
게시판
https://sir.kr/qa/422622 특정 게시판에 글작성 시 관리자에게 메일 보내는데 내용부분을 수정하고 싶습니다. 지금은 제목, 작성자, 내용 이 3가지만 보이게 되는데...
레이아웃
ion.rangeSlider 플러그인을 활용한 슬라이더 입니다. 필터검색이나 input 에 숫자 단위의 값을 드래그로 넣어야 할 때 유용할것 같아 만들어보았습니다. 활용하기 좋...
갤러리
SmartPhoto.js(https://sir.kr/so_ok365/4618 글 참조)를 적용한 갤러리 스킨입니다. 그누보드5 배포판 기준으로 갤러리 목록에 적용하였습니다. (...
게시판
1. 가장 먼저 https://sir.kr/g5_plugin/9227 의 HOOK 파일을 extend 디렉토리로 업로드합니다. 이 파일이 업로드되어 있지 않으면 이후의 진행은 아무...
댓글 72개
항상 좋은말씀 감사합니다~
잘 써주십시요~
감사합니다.
혹시 이 파일을 인클루드 형태로 사용할수 도 있나요?
댓글 감사합니다~
좋은말씀 감사합니다~!
피드백 감사합니다.
아마도 swiper와 css 중복이 있는것 같습니다.
css 및 스크립트의 #loading 을 #loadings 로 바꾸시고
html의 id="loading" 을 id="loadings" 로 바꿔보세요.
수정해서 파일 업데이트 해두었습니다.
새로 받으시면 됩니다!
너무 감사합니다.
꾸벅^^
댓글 감사합니다 ^^
감사합니다.
감사합니다~