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 |