웹마스터 팁
라이트박스(facebox) 적용하기
2008.11.02 12:02
안녕하세요.. 퍼플F 라고 합니다.
이 게시물은.. 팁이라기 보다는 제 홈피에 적용되어 있는 라이트 박스(facebox) 를 보고 적용법을 물어보시는
분들이 계셔서 짧게 나마 팁란에 적도록 하겠습니다.
그림1) 적용된 페이지 (로그인 부분)
그림2) 적용된 페이지 (최근 이미지 클릭 시 나오는 부분)
적용법
1. 다운로드
-> http://famspam.com/facebox 이 페이지에 접속 후 jQuery 와 Facebox 1.2 를 다운로드 받습니다.
----------------------------------
해당 페이지에 써져 있듯이 Images, Divs, Ajaxes 형태로 적용가능하며 편하신 방법을 하용하시면 됩니다.
(저는 편의상 Divs 를 많이 사용하게 되더군요)
----------------------------------
2. 설치
->
2-1> ftp 프로그램으로(파일질라 추천) 에 다운로드 받은 facebox 폴더와 jquery 를 업로드합니다.
2-2> (편하신 방법을 사용하면 되지만) 저의 경우 해당 레이아웃 스킨에 '해더 스크립트' 부분에
아래와 같은 스크립트를 삽입하였습니다.
-----------------------------------
<link href="http://도메인/facebox/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<script src="http://도메인/js/jquery-1.2.4a.js" type="text/javascript"></script>
<script src="http://도메인/facebox/facebox.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$('a[rel*=facebox]').facebox()
})
</script>
------------------------------------
3. 페이지에 적용
divs 사용시
<div id="info" style="display:none;">
내용
</div>
링크걸기
<a href="#info" rel="facebox">텍스트</a>
이렇게 하시면 됩니다.
댓글 7
제목 | 글쓴이 | 날짜 |
---|---|---|
설치환경을 갖추어도 설치시 문제 [1] | 하얀후니 | 2007.08.22 |
w3c.org의 웹페이지 유효성 검사기 | 바람처럼831 | 2007.08.24 |
본문 하단에 (애드센스)광고 넣기 [2] | roresy | 2007.08.19 |
포인트 부족하면 글 조회 안되게 하는 법 [6] | 뚱님*^^* | 2009.04.18 |
[뻘팁] XE 설치된 사이트 찾기 [3] | SMaker | 2009.12.18 |
파일 첨부 문제 해결 방법 - 여러 시도 중 하나 일 뿐입니다. | 쫑아빠™ | 2009.12.19 |
메일 중복 발송 문제 해결 방법 [1] | SMaker | 2009.12.09 |
(파일 첨부) 파일명 안보일 때 ... 없애기 [9] | Simulz | 2007.09.10 |
라이트박스(facebox) 적용하기 [7] | 퍼플F | 2008.11.02 |
크롬에서 이미지조절 애드온 액티브박스 lytebox mod 가 동작하지 않을때 | 구구치 | 2009.12.14 |
최신글위젯(content)에 상담게시판 보여주기 [2] | 아고라 | 2009.11.15 |
최신 댓글 보여주는 기능에 관련해 | 손정호547 | 2009.12.11 |
썸네일이 생성되지 않는 문제 [2] | 이그누 | 2009.12.08 |
ZB4로 현재까지 사이트를 운영하는분들 긴급 상황안내 (???) [2] | DuRi | 2009.11.20 |
초간단 폼메일...소스를 보시면 알거에요.. 수정하셔서 사용해보세요 [5] | 코리아프럼 | 2008.10.28 |
에디터가 까맣게 나오는 현상 [1] | kau | 2009.08.06 |
script를 사용해서 이동한 경로에 amp; 라는 문자가 포함될 때 | 된장맛껌 | 2009.12.07 |
타이틀을 플래시로 보이기.... [5] | 맞장 | 2007.10.18 |
제로보드4->XE 데이터 이전 시 회원 정보 오류 / 포인트 문제 [10] | 개돌 | 2009.10.08 |
메인 레이아웃에서 로그인이 안보이는 경우. | 김찬회425 | 2009.12.06 |