url : https://github.com/joaopereirawd/fakeLoader.js
<body>
<div id="fakeLoader"></div>
<head>
<link rel="stylesheet" href="yourPath/fakeLoader.css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"/> <script src="yourPath/fakeLoader.min.js"/>
<script> $("#fakeLoader").fakeLoader(); </script>
5. Options
<script> $("#fakeLoader").fakeLoader( { timeToHide:1200, //로딩중에 걸리는 시간, 1000 = 1초 zIndex:999, // 순서 spinner:"spinner1",//Options: 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' bgColor:"#2ecc71", //Hex, RGB or RGBA colors 배경색깔 imagePath:"yourPath/customizedImage.gif" // 원하는 이미지, 움직이는 gif나 이미지를 불러와도 좋다. } ); </script>
spinner 종류 ▼
http://joaopereirawd.github.io/fakeLoader.js/demo/demo1.html
'Javascript > 플러그인 모음.zip' 카테고리의 다른 글
| 스크롤 내리면 튀어나오는 애니메이션 플러그인 WOW.js (0) | 2020.09.11 |
|---|---|
| 스크롤 내리면 요소에 애니메이션 되는 플러그인 choreographer.js (0) | 2020.09.11 |
| 스크롤 내리면 퍼포먼스 구현되는 플러그인 scrolltrigger.js (0) | 2020.09.11 |
| WEB SITE Reference용 // 포폴 만들 때 아이디어 얻기 좋다 (0) | 2020.09.11 |
| [제이쿼리] 스크롤 내릴 시 라이브러리 aos.js 사용방법 (0) | 2019.01.09 |
