Lightbox2 적용 방법
Lightbox 는 사진 감상시 놀라운 효과를 나타낼수 있도록 도와주는 자바스크립트 라이브러리 입니다.
외국에서 제작된 것으로 링크1 을 클릭하시면 제작자 홈페이를 방문하실 수 있습니다.
Lightbox 를 프로그램에 적용하는 것은 메뉴얼에 나와있는 것처럼 매우 쉽습니다.
최근에 Lightbox 에 이어 Lightbox2 가 출시되었고 이 문서는 이에 대하여 설명합니다.
(Lightbox2 의 저작권은 Creative Commons Attribution 2.5 License 를 따르고 있다고 제작자 홈페이지에 나와있습니다.)
우선 위에 첨부파일을 다운로드 합니다.
Lightbox2 를 적용할 계정에 업로드하고 적용할 페이지에 스크립트 코드를 삽입합니다.
이때 js/ 디렉토리는 자신의 경우에 맞게 수정하셔야 합니다.
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
이로써 Lightbox2 를 적용할 준비는 완료되었습니다.
Lightbox2 의 효과를 나타낼 이미지를 다음과 같이 링크하기만 하면됩니다.
<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumbnail-1.jpg"></a>
<a href="images/image-2.jpg" rel="lightbox"><img src="images/thumbnail-2.jpg"></a>
<a href="images/image-3.jpg" rel="lightbox"><img src="images/thumbnail-3.jpg"></a>
경로나 파일명은 자신에게 맞게 수정하여야 한다는 것을 잊지마세요.
Lightbox2 를 적용한 스킨을 참고하세요. [바로가기]
외국에서 제작된 것으로 링크1 을 클릭하시면 제작자 홈페이를 방문하실 수 있습니다.
Lightbox 를 프로그램에 적용하는 것은 메뉴얼에 나와있는 것처럼 매우 쉽습니다.
최근에 Lightbox 에 이어 Lightbox2 가 출시되었고 이 문서는 이에 대하여 설명합니다.
(Lightbox2 의 저작권은 Creative Commons Attribution 2.5 License 를 따르고 있다고 제작자 홈페이지에 나와있습니다.)
우선 위에 첨부파일을 다운로드 합니다.
Lightbox2 를 적용할 계정에 업로드하고 적용할 페이지에 스크립트 코드를 삽입합니다.
이때 js/ 디렉토리는 자신의 경우에 맞게 수정하셔야 합니다.
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
이로써 Lightbox2 를 적용할 준비는 완료되었습니다.
Lightbox2 의 효과를 나타낼 이미지를 다음과 같이 링크하기만 하면됩니다.
<a href="images/image-1.jpg" rel="lightbox"><img src="images/thumbnail-1.jpg"></a>
<a href="images/image-2.jpg" rel="lightbox"><img src="images/thumbnail-2.jpg"></a>
<a href="images/image-3.jpg" rel="lightbox"><img src="images/thumbnail-3.jpg"></a>
경로나 파일명은 자신에게 맞게 수정하여야 한다는 것을 잊지마세요.
Lightbox2 를 적용한 스킨을 참고하세요. [바로가기]
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
댓글 2개
18년 전
이미지에서 next prev 링크를 표시할려면 rel="lightbox[]" 와 같이 [] 를 붙이면 됩니다.
무식해서귀여운남자
18년 전
플레쉬 효과가 잇는 이미지 팝업창
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2130 | 17년 전 | 1189 | ||
| 2129 |
ⓧ힘내세요
|
17년 전 | 2241 | |
| 2128 | 17년 전 | 2876 | ||
| 2127 | 17년 전 | 4058 | ||
| 2126 | 17년 전 | 3145 | ||
| 2125 | 17년 전 | 1409 | ||
| 2124 | 17년 전 | 1707 | ||
| 2123 | 17년 전 | 2239 | ||
| 2122 | 17년 전 | 1546 | ||
| 2121 | 17년 전 | 1726 | ||
| 2120 | 17년 전 | 2721 | ||
| 2119 | 17년 전 | 2147 | ||
| 2118 | 17년 전 | 1799 | ||
| 2117 |
아름다운세상
|
17년 전 | 4208 | |
| 2116 | 17년 전 | 3049 | ||
| 2115 | 17년 전 | 1437 | ||
| 2114 |
아름다운세상
|
17년 전 | 3571 | |
| 2113 | 17년 전 | 2799 | ||
| 2112 | 17년 전 | 2077 | ||
| 2111 | 17년 전 | 1295 | ||
| 2110 | 17년 전 | 2337 | ||
| 2109 | 17년 전 | 2071 | ||
| 2108 | 17년 전 | 1993 | ||
| 2107 |
휴전합시다
|
17년 전 | 1926 | |
| 2106 | 17년 전 | 1173 | ||
| 2105 |
 skinartisanCOM |
17년 전 | 1873 | |
| 2104 | 17년 전 | 2930 | ||
| 2103 | 17년 전 | 1435 | ||
| 2102 | 17년 전 | 1672 | ||
| 2101 | 17년 전 | 1358 | ||
| 2100 | 17년 전 | 1605 | ||
| 2099 | 17년 전 | 1579 | ||
| 2098 | 17년 전 | 1447 | ||
| 2097 | 17년 전 | 2569 | ||
| 2096 | 17년 전 | 2332 | ||
| 2095 | 17년 전 | 2114 | ||
| 2094 | 17년 전 | 1423 | ||
| 2093 | 17년 전 | 2439 | ||
| 2092 | 17년 전 | 4264 | ||
| 2091 | 17년 전 | 2754 | ||
| 2090 | 17년 전 | 1668 | ||
| 2089 | 17년 전 | 1859 | ||
| 2088 | 17년 전 | 3241 | ||
| 2087 | 17년 전 | 2237 | ||
| 2086 | 17년 전 | 3835 | ||
| 2085 | 17년 전 | 1682 | ||
| 2084 | 17년 전 | 2287 | ||
| 2083 | 17년 전 | 2110 | ||
| 2082 | 17년 전 | 1617 | ||
| 2081 | 17년 전 | 2129 | ||
| 2080 |
letsgolee
|
17년 전 | 1922 | |
| 2079 | 17년 전 | 1962 | ||
| 2078 | 17년 전 | 3077 | ||
| 2077 | 17년 전 | 2153 | ||
| 2076 | 17년 전 | 1444 | ||
| 2075 | 17년 전 | 1464 | ||
| 2074 | 17년 전 | 2136 | ||
| 2073 | 17년 전 | 3207 | ||
| 2072 | 17년 전 | 2144 | ||
| 2071 |
휴전합시다
|
17년 전 | 1537 | |
| 2070 | 17년 전 | 4253 | ||
| 2069 | 17년 전 | 2046 | ||
| 2068 | 17년 전 | 3471 | ||
| 2067 | 17년 전 | 6043 | ||
| 2066 | 17년 전 | 1487 | ||
| 2065 |
letsgolee
|
17년 전 | 1656 | |
| 2064 | 17년 전 | 1235 | ||
| 2063 | 17년 전 | 1351 | ||
| 2062 |
vicky
|
17년 전 | 2879 | |
| 2061 | 17년 전 | 1911 | ||
| 2060 |
카프카07
|
17년 전 | 2597 | |
| 2059 | 17년 전 | 1311 | ||
| 2058 | 17년 전 | 3188 | ||
| 2057 | 17년 전 | 2168 | ||
| 2056 | 17년 전 | 2615 | ||
| 2055 | 17년 전 | 1410 | ||
| 2054 | 17년 전 | 1761 | ||
| 2053 | 17년 전 | 1153 | ||
| 2052 |
 JCrew |
17년 전 | 1211 | |
| 2051 | 17년 전 | 1796 | ||
| 2050 | 17년 전 | 1235 | ||
| 2049 | 17년 전 | 4318 | ||
| 2048 | 17년 전 | 1518 | ||
| 2047 | 17년 전 | 2016 | ||
| 2046 |
카프카07
|
17년 전 | 7097 | |
| 2045 | 17년 전 | 1388 | ||
| 2044 | 17년 전 | 1910 | ||
| 2043 | 17년 전 | 3137 | ||
| 2042 | 17년 전 | 1232 | ||
| 2041 |
카프카07
|
17년 전 | 1989 | |
| 2040 | 17년 전 | 1169 | ||
| 2039 |
smilesol
|
17년 전 | 1864 | |
| 2038 | 17년 전 | 2167 | ||
| 2037 |
skinartisanCOM |
17년 전 | 2980 | |
| 2036 | 17년 전 | 1253 | ||
| 2035 |
 smyada |
17년 전 | 1346 | |
| 2034 |
ㅣ곰탱이ㅣ
|
17년 전 | 1569 | |
| 2033 |
 허리손반장 |
17년 전 | 1234 | |
| 2032 | 17년 전 | 4363 | ||
| 2031 | 17년 전 | 3908 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기