본문 바로가기

IT/JavaScript

[JavaScript] lightbox2로 사진첩을 만들자

http://lokeshdhakar.com/projects/lightbox2/

 

로 들어가서 lightbox2 다운로드

 

html 파일에 아래의 자바스크립트 파일을 include 시킨다.  

< script type="text/javascript" src="js/prototype.js"></script>

< script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>

< script type="text/javascript" src="js/lightbox.js"></script>

 

css 스타일 시트를 include 시킨다.

< link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

 

rel="lightbox[roadtrip]" 부분을 추가시킨다.

< a href="images/image-1.jpg" rel="lightbox[roadtrip]"> image #1</a>

< a href="images/image-2.jpg" rel="lightbox[roadtrip]"> image #2</a>

< a href="images/image-3.jpg" rel="lightbox[roadtrip]"> image #3</a>