greybox
소개
GreyBox can be used to display websites, images and other content in a beautiful way.
BASE
1. 패키지를 받아 로컬서버에 위치한다.
2. 사용할 리소스(html, jsp...)의 <head>에 아래 내용을 코딩하면 준비는 끝.
파란폰트는 로컬 커스터마이징한곳
<script type="text/javascript">
var GB_ROOT_DIR = "/rain/greybox/";
</script>
<script type="text/javascript" src="js/AJS.js"></script>
<script type="text/javascript" src="js/AJS_fx.js"></script>
<script type="text/javascript" src="js/gb_scripts.js"></script>
로컬 커스터마이징
greybox의 자원들(이미지,loader_frame.html,js)은 GB_ROOT_DIR에 종속적이다.
(즉, GB_ROOT_DIR을 잘못 설정해주면, greybox를 활용할 수 없다.)
[내경우의 예]
greybox 테스트파일
http://localhost/rain/greybox/mock_Greybox.html
greybox 지원자원들
/rain/greybox/image/*
/rain/greybox/js/*
/rain/grebox/css/*
>> 지원자원 경로들을 바꿨기때문에 안에 경로들도 바꿔준다.
1. gb_scripts.js
- .gif 로 검색하면 6개 나온다. 각 로컬 이미지 경로에 맞춘다.
2. loader_frame.html
- 8,10 Line : js 위치 수정
- 39 Line : gif 위치수정
하다가 잘 안되면 댓글.
TIP. 잘 안될땐 FireBug를 이용하여 어디를 고쳐야할지 판단하는게 큰 도움이 됐다.
