블랙갤러리 스킨의 list 페이지에만 적용하는 방법입니다.
lightbox가 궁금하신 분은 링크를 참고하세요.

1. 블랙갤러리를 받아 스킨 디렉터리에 설치.
2. lightbox2를 받아 블랙 갤러리 스킨 디렉터리 아래에 설치.
예 : skin/board/black_gallery/lightbox
3. list.skin.php를 열어 34행에 다음 내용을 추가 :

<!-- lightbox 설정 -->
<script type="text/javascript" src="<?=$board_skin_path?>/lightbox/js/prototype.js"></script>
<script type="text/javascript" src="<?=$board_skin_path?>/lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="<?=$board_skin_path?>/lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="<?=$board_skin_path?>/lightbox/css/lightbox.css" type="text/css" media="screen" />
<!-- lightbox 추가 설정 -->
<script type="text/javascript">
var fileLoadingImage = "<?=$board_skin_path?>/lightbox/images/loading.gif";     
var fileBottomNavCloseImage = "<?=$board_skin_path?>/lightbox/images/closelabel.gif";
</script>
<style type="text/css">
#prevLink, #nextLink{background-image: url(<?=$board_skin_path?>/lightbox/images/blank.gif);}
#prevLink:hover, #prevLink:visited:hover { background-image: url(<?=$board_skin_path?>/lightbox/images/prevlabel.gif);}
#nextLink:hover, #nextLink:visited:hover { background-image: url(<?=$board_skin_path?>/lightbox/images/nextlabel.gif);}
</style>

152행의 a 태그를 다음과 같이 변경:

<a rel='lightbox' href='{$data_path}/{$list[$i]['file'][0]['file']}' title='{$list[$i][subject]}'>$img</a>";

4. 원래대로라면 여기까지만 하면 되지만, 그림 클릭시 검은 바탕이 나오며 비정상 동작하는 경우 블랙 갤러리 스킨의 style.css의 1행을 편집합니다.

BODY,TD,input,DIV,form,TEXTAREA,center {font-size:9pt;font-family:굴림;color:#B9B9B9;background-color:#000000;}

이것에서 DIV 태그를 제거합니다.

BODY,TD,input,form,TEXTAREA,center {font-size:9pt;font-family:굴림;color:#B9B9B9;background-color:#000000;}

다시 실행 해 보면 잘 될 것입니다.