- 로딩화면 만들기 / 글 로딩 시 로딩창 띄우기2021년 07월 30일
- TheStorybook
- 작성자
- 2021.07.30.:36
https://crazykim2.tistory.com/519
[티스토리] 로딩화면 만들기 / 글 로딩 시 로딩창 띄우기
안녕하세요 블로그에서 글을 읽을 때 이미지가 많은 경우 이미지가 출력이 되지 않은 상태로 계속해서 글들을 확인할 수 있습니다 그러면 블로그에 쓴 글이 전부 불러왔는지 알 수가 없는데요
crazykim2.tistory.com
<!-- Loading 화면 코드 시작 --> <script src="https://code.jquery.com/jquery-1.8.0.js" integrity="sha256-00Fh8tkPAe+EmVaHFpD+HovxWk7b97qwqVi7nLvjdgs=" crossorigin="anonymous"></script> <script type="text/javascript"> $(window).on('load', function () { $("#load").hide(); }); </script> <style type="text/css"> #load { width: 100%; height: 100%; top: 0; left: 0; position: fixed; display: block; opacity: 0.8; background: white; z-index: 99; text-align: center; } #load > img { position: absolute; top: 50%; left: 50%; z-index: 100; } </style> <div id="load"> <img src="./images/loading.gif" alt="loading"> </div> <!-- Loading 화면 코드 종료-->
사이에 로딩 화면 코드를 복사해넣습니다
'작업 소스들' 카테고리의 다른 글
CSS width height 같게 반응형 정사각형 만드는 방법 (0) 2022.03.06 특정 DIV 위치 자동 갱신 소스 (0) 2022.02.21 크롬 브라우저 이미지 선명하게 하기 css (0) 2021.06.22 IE로 접속할 경우 Edge로 리다이렉트 시키는 간단한 팁 (1) 2021.01.06 [CSS] 이미지에 마우스 오버시 색상변환 (0) 2020.12.31 다음글이전글이전 글이 없습니다.댓글
스킨 업데이트 안내
현재 이용하고 계신 스킨의 버전보다 더 높은 최신 버전이 감지 되었습니다. 최신버전 스킨 파일을 다운로드 받을 수 있는 페이지로 이동하시겠습니까?
("아니오" 를 선택할 시 30일 동안 최신 버전이 감지되어도 모달 창이 표시되지 않습니다.)