페이지 내에서 이미지 깔끔하게 열어볼 수 있게 한다.
<link rel="stylesheet" href="lightbox/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox/lightbox.js"></script>
스크립트 정의해주고..
<script type="text/javascript">
window.onload = function () {
....
//다른 스크립트 사용할 경우 아래처럼 추가해준다.
initLightbox();
}
<!--- 본문 --->
<a href='이미지 원본 파일' title='Click anywhere to close image' rel='lightbox'><img name='thumb' id='thumb' src='섬네일 이미지' width=150 border=0></a>
<!--- 섬네일 이미지를 사용해서 저렇게 사용했다.. 섬네일이 아니라 텍스트를 링크해도 상관없다. --->
기본적으로 앵커 태크에 rel='lightbox'만 넣어주면 된다.
invalid-file
Tester
