출처 http://www.lokeshdhakar.com/projects/lightbox2/
아래의 화일을 다운로드 받습니다. 아래의 화일들이 있어야 합니다.
아래의 화일을 다운로드 받습니다. 아래의 화일들이 있어야 합니다.
Download
Lightbox v2.05
1. 자신이 작업하는 html 페이지에...
<head> 부분에 아래를 삽입합니다.
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<style type="text/css">
body{ color: #333; font: 13px 'Lucida Grande', Verdana, sans-serif; }
</style>
2. 원하는 이미지의 링크 태그에 아래처럼 삽입합니다.
<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>