으음.. 아주 오래된 스킨이지만..
알믄서 님이 올리신

http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=48118&sca=%B0%B6%B7%AF%B8%AE&sfl=wr_name%2C1&stx=%BE%CB%B9%C8%BC%AD&sop=and

이 스킨이 있습니다.

상단에는 작은 이미지가 있고 하단에 큰 이미지가 작은 이미지에 마우스 오버상태에 따라 바뀌는 게시판인데,

이 상단과 하단을 변경시켜서 상단에는 큰 이미지를 하단에는 작은 이미지를 나두어서 작은 이미지를 클릭할 시에 큰 이미지가 변경되도록 바꾸고 싶습니다.

말은 쉬운데 제가 코드에 대한 이해가 부족한것인지 아직 갈피를 못잡아서요

자세한 설명은 위의 링크를 한번 확인이 빠르겠네요..

중요코드는 다음과 같습니다.


이하코드

----------------------------------------------------------------


<!-- 목록 -->
<? for ($i=0; $i<count($list); $i++) {

if(!$member[mb_id]) {
 $list[$i][href] = "#";
}

$list_file = sql_fetch("select bf_file from $g4[board_file_table] where bo_table='$bo_table' and bf_no = '0' and wr_id='{$list[$i][wr_id]}'");
if($list_file[bf_file]) {
 $list_file_view[$i] = "<img src='./../data/file/$bo_table/$list_file[bf_file]' style='cursor:pointer' border=0 width=$small_width height=$small_height onmouseover=\"document.getElementById('large').src='./../data/file/$bo_table/$list_file[bf_file]'; document.getElementById('view').href='{$list[$i][href]}'\">";
 $list_lfile_view[$i] = "<a id=view href='#'><img id=large src='./../data/file/$bo_table/$list_file[bf_file]' border=0 width=$large_width height=$large_height></a>";
}else {
 $list_file_view[$i] = "";
 $list_lfile_view[$i] = "";
}
?>

<td width="14%">
<table cellpadding="0" cellspacing="0" border=1 bordercolor="#E1E1E2"><tr><td><?=$list_file_view[$i]?></td></tr></table>
</td>

<?}?>
<? if (count($list) == 0) { echo "<td colspan='$colspan' height=50 align=center>게시물이 없습니다.</td>"; } ?>
    </tr>
</table>

<table width="100%" cellpadding="0" cellspacing="0">
<tr><td height=10></td></tr>
<tr><td>
 <table cellpadding="0" cellspacing="0" border=1 bordercolor="#E1E1E2"><tr><td><?=$list_lfile_view[0]?></td></tr></table>
</td></tr>
</table>

----------------------------------------------------------------

여기인데, 마구잡이로 수정하면 계속 제가 원하지 않는 방향으로 나오네요.

어디부분을 어떻게 손을 봐야할지 고수님들의 가르침 부탁드립니다 (__);;