[이윰] 모바일에서는 링크 이동시 로딩중 이미지 띄우기
페이지 정보
루루아빠
3,824 1
2015.06.17 13:12:01
짧은주소
-
https://yadolee.com/tip/212 주소복사
본문
그누보드5/eyoom/theme/설치된 테마/css/colors/loading.css 를 열어 맨 아래 } 하단에 아래 소스를 추가한다.
1. 추가소스
2. 그누보드5/eyoom/theme/설치된 테마/layout/head_bs.html 을 열어 <div id="eb-loading"></div> 을 찾아 아래 소스로 대체한다.
수정 후
1. 추가소스
#eb-loading-mo {
position:fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10001 !important;
width: 100%;
height: 100%;
background-image: url('../../image/loading.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;
background-color: #fff;
}
위 소스를 보면 알겠지만 그누보드5/eyoom/theme/설치된 테마/image 폴더에 loading.gif 가 있어야 한다.
2. 그누보드5/eyoom/theme/설치된 테마/layout/head_bs.html 을 열어 <div id="eb-loading"></div> 을 찾아 아래 소스로 대체한다.
수정 후
<!--{? !C.G5_IS_MOBILE}--><!-- 루루아빠 수정 // 모바일에서 로딩 이미지 띄우기 시작 -->
<div id="eb-loading"></div>
<!--{:}-->
<div id="eb-loading-mo"></div>
<!--{/}--><!-- 루루아빠 수정 // 모바일에서 로딩 이미지 띄우기 끝 -->
추천인 1
레벨 101
경험치 1,519,179
Progress Bar 13.8%
- 가입일 : 2015-03-04 03:24:54
- 서명 : KNOW YOUR LIMITS
BUT NEVER STOP TRYING TO EXCEED THEM !!
- 자기소개 : 루루의 자랑
루루아빠랍니다~~
최신댓글이 없습니다.


댓글
첫 번째 댓글을 남겨 주세요