다운로드 : http://chancein.com/svc/lightbox.tar.gz
예제페이지 : http://chancein.com/svc/lightbox/
현재페이지 소스보기 : http://chancein.com/svc/source_viewer.php?s=http%3A%2F%2Fchancein.com%2Fsvc%2Flightbox
[사용방법]
1. 다운로드받은 압축파일의 압축을 푼다.
2. 사용할 서버에 업로드 시킨다.
3. 포함된 index.html을 웹에서 실행시켜본다.
4. js/lightbox.js 와 css/lightbox.css 를 에디터로 열어 찾기로 .gif와 .png를 찾아서
이미지 경로를 자신에게 맞게 수정한다.
5. 포함된 index.html을 웹에서 다시 실행시켜본다.
6. 다른 페이지에 적용할 경우는 다음의 소스를 헤더에 삽입한다.
<link rel="stylesheet" href="라이트박스경로/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="라이트박스경로/js/spica.js"></script>
<script type="text/javascript" src="라이트박스경로/js/lightbox.js"></script>
7. a 태그의 href속성의 값에는 원본이미지 경로, rel속성의 값에는 lightbox 나 lightbox1를 넣는다.
8. rel속성값 lightbox 는 단독으로 보여줄때 사용, lightbox1 은 여러 이미지를 연동하여 보여줄 경우 사용
9. img 태그에 tilte 속성을 사용하여 이미지 타이틀을 주면 이미지보기 화면 하단에 타이틀이 표시된다.
[이 게시물은 관리자님에 의해 2011-10-31 16:57:14 JavaScript에서 이동 됨]
댓글 1개
17년 전
고맙습니다! 꾸벅(- -)(__) b
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2430 | 15년 전 | 2501 | ||
| 2429 | 15년 전 | 5492 | ||
| 2428 | 15년 전 | 1459 | ||
| 2427 |
Sizkein
|
15년 전 | 4224 | |
| 2426 | 15년 전 | 1352 | ||
| 2425 | 15년 전 | 1646 | ||
| 2424 | 15년 전 | 1614 | ||
| 2423 |
haejuksun
|
15년 전 | 1606 | |
| 2422 |
haejuksun
|
15년 전 | 1116 | |
| 2421 |
haejuksun
|
15년 전 | 1360 | |
| 2420 |
haejuksun
|
15년 전 | 1507 | |
| 2419 |
 프리웹닷컴 |
15년 전 | 1403 | |
| 2418 |
프리웹닷컴 |
15년 전 | 2128 | |
| 2417 |
원더풀라입
|
15년 전 | 1277 | |
| 2416 |
원더풀라입
|
15년 전 | 1327 | |
| 2415 |
원더풀라입
|
15년 전 | 873 | |
| 2414 |
원더풀라입
|
15년 전 | 991 | |
| 2413 |
원더풀라입
|
15년 전 | 952 | |
| 2412 |
원더풀라입
|
15년 전 | 918 | |
| 2411 |
원더풀라입
|
15년 전 | 868 | |
| 2410 |
원더풀라입
|
15년 전 | 924 | |
| 2409 |
원더풀라입
|
15년 전 | 1073 | |
| 2408 |
원더풀라입
|
15년 전 | 1081 | |
| 2407 |
원더풀라입
|
15년 전 | 2605 | |
| 2406 |
원더풀라입
|
15년 전 | 941 | |
| 2405 |
원더풀라입
|
15년 전 | 1591 | |
| 2404 |
원더풀라입
|
15년 전 | 1458 | |
| 2403 | 15년 전 | 1580 | ||
| 2402 | 15년 전 | 1288 | ||
| 2401 |
나도빌더만들까
|
15년 전 | 1770 | |
| 2400 | 15년 전 | 594 | ||
| 2399 | 15년 전 | 1080 | ||
| 2398 | 15년 전 | 1048 | ||
| 2397 | 15년 전 | 2837 | ||
| 2396 | 15년 전 | 3151 | ||
| 2395 | 15년 전 | 1828 | ||
| 2394 | 15년 전 | 1335 | ||
| 2393 |
gamebomb
|
15년 전 | 1956 | |
| 2392 |
gamebomb
|
15년 전 | 1464 | |
| 2391 |
gamebomb
|
15년 전 | 1062 | |
| 2390 | 15년 전 | 3758 | ||
| 2389 |
leadK
|
15년 전 | 1404 | |
| 2388 |
kim7031
|
15년 전 | 1503 | |
| 2387 | 15년 전 | 2727 | ||
| 2386 | 15년 전 | 1433 | ||
| 2385 | 15년 전 | 4157 | ||
| 2384 |
확실한방법
|
15년 전 | 2368 | |
| 2383 |
intel
|
15년 전 | 3144 | |
| 2382 |
확실한방법
|
15년 전 | 1756 | |
| 2381 |
 RINIX |
15년 전 | 1989 | |
| 2380 |
RINIX |
15년 전 | 1298 | |
| 2379 | 15년 전 | 4371 | ||
| 2378 | 15년 전 | 3941 | ||
| 2377 |
메가팩토리
|
15년 전 | 3770 | |
| 2376 | 15년 전 | 5179 | ||
| 2375 | 15년 전 | 3403 | ||
| 2374 | 15년 전 | 1783 | ||
| 2373 | 15년 전 | 1743 | ||
| 2372 | 15년 전 | 1888 | ||
| 2371 | 15년 전 | 1588 | ||
| 2370 | 15년 전 | 3986 | ||
| 2369 | 15년 전 | 2895 | ||
| 2368 | 15년 전 | 2093 | ||
| 2367 | 15년 전 | 1661 | ||
| 2366 | 15년 전 | 1900 | ||
| 2365 | 15년 전 | 2380 | ||
| 2364 | 15년 전 | 1469 | ||
| 2363 | 15년 전 | 2401 | ||
| 2362 | 15년 전 | 1727 | ||
| 2361 | 15년 전 | 1822 | ||
| 2360 | 15년 전 | 1470 | ||
| 2359 | 15년 전 | 2163 | ||
| 2358 | 15년 전 | 1496 | ||
| 2357 |
 JY소프트 |
15년 전 | 1912 | |
| 2356 |
헐크매니아
|
15년 전 | 2111 | |
| 2355 |
WebRIA
|
15년 전 | 1187 | |
| 2354 |
WebRIA
|
15년 전 | 1240 | |
| 2353 |
WebRIA
|
15년 전 | 1881 | |
| 2352 |
WebRIA
|
15년 전 | 5328 | |
| 2351 | 15년 전 | 1626 | ||
| 2350 |
WebRIA
|
15년 전 | 2139 | |
| 2349 | 15년 전 | 2335 | ||
| 2348 |
WebRIA
|
15년 전 | 1484 | |
| 2347 |
WebRIA
|
15년 전 | 1296 | |
| 2346 |
WebRIA
|
15년 전 | 2210 | |
| 2345 |
WebRIA
|
15년 전 | 4932 | |
| 2344 | 15년 전 | 2200 | ||
| 2343 | 15년 전 | 2862 | ||
| 2342 | 15년 전 | 1746 | ||
| 2341 | 15년 전 | 3592 | ||
| 2340 | 15년 전 | 4425 | ||
| 2339 | 15년 전 | 3106 | ||
| 2338 | 15년 전 | 2352 | ||
| 2337 | 15년 전 | 2432 | ||
| 2336 | 15년 전 | 2681 | ||
| 2335 | 15년 전 | 2164 | ||
| 2334 |
Sizkein
|
15년 전 | 5502 | |
| 2333 | 15년 전 | 3365 | ||
| 2332 | 15년 전 | 1351 | ||
| 2331 | 15년 전 | 1695 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기