먼저 JavaScript 패키지를 다운로드하세요.
http://thecodecentral.com/wp-content/uploads/2007/08/yuilightboxwdep.zip
/ /다운로드한 JavaScript 패키지
에 따라 다음 경로를 수정합니다.
>
//미리보기 이미지 추가
//사용법:
ID 및 데이터 소스 ID 일치
주석:
< ;html>
< script type="text/ javascript" src="js/yui/dragdrop/dragdrop-min.js">
< ;script type="text /javascript">
init = function(){
var dataSource = {
id_1:{url:"image-big.jpg", title: '테스트 Image'}
};
var lightbox = new YAHOO.com.thecodecentral.Lightbox({
imageBase:'js/lightbox',
dataSource: dataSource
});
}
YAHOO.util.Event.on(window, 'load', init)
< ;body>