[펄스나인] 쉽게쓰는 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 은 분리 하셔도 됩니다~
감사합니다!
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 72개
항상 좋은말씀 감사합니다~
잘 써주십시요~
감사합니다.
혹시 이 파일을 인클루드 형태로 사용할수 도 있나요?
댓글 감사합니다~
좋은말씀 감사합니다~!
피드백 감사합니다.
아마도 swiper와 css 중복이 있는것 같습니다.
css 및 스크립트의 #loading 을 #loadings 로 바꾸시고
html의 id="loading" 을 id="loadings" 로 바꿔보세요.
수정해서 파일 업데이트 해두었습니다.
새로 받으시면 됩니다!
너무 감사합니다.
꾸벅^^
댓글 감사합니다 ^^
감사합니다.
감사합니다~