저번에도 질문을 드렸는데 아무도 답변을 안 주시어........... ㅠ.ㅠ
스킨 컨버트 중인데 막히는 부분이 있습니다.

결론부터 얘기하면 gbform에서 배경 그림을 선택하면 gbview에 선택된 배경그림이 나오도록 하고 싶거든요.
문제는 하나의 배경그림이 여러개로 분할이 되어 한개의 배경 이미지 파일이 10개쯤 됩니다.
위 그림에서 편지지 옆에 네모박스가 배경그림을 선택하는 겁니다.
네모박스에 들어있는 배경 그림은 10개입니다.

어떻게 하면 될까요?
링크주소에서 테스트 글 작성하셔도 됩니다.
아래는 관련파일 소스입니다.


================ gbform.skin.php =========================

<!--팝업 -->
<script language=javascript>
<!--
function popWin(url, w, h, t, l) {
var win = null;
win = window.open('','_popup','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width='+w+',height='+h+',top='+t+',left='+l);
if (win == null) return;
win.location.href = url;
}
//-->
</script>

<table align=center border=0 cellpadding=0 cellspacing=0 width=<?=$width?>>
<tr>
<td width=10 height=9 background=<?="$board_skin/style00/01.gif"?> nowrap>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
<td width=100% height=9 background=<?="$board_skin/style00/01.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
<td width=10 height=9 background=<?="$board_skin/style00/04.gif"?> nowrap>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
</tr>
<tr>
<td width=10 background=<?="$board_skin/style00/01.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
<td width=100% align=center valign=top background=<?="$board_skin/style00/backcolor.gif"?>>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td height=140 style="background-image:url('<?="$board_skin/style00/back01.gif"?>'); background-repeat:no-repeat; background-attachment:fixed;" valign=bottom align=center>
<form name=fgbform method=post action='<?="./?doc=bbs/gbupdate.php"?>'
enctype='multipart/form-data'
onsubmit='return fgbform_check(this);'>
<TABLE WIDTH=100% BORDER=0 CELLSPACING=0 CELLPADDING=2>
<tr class='ht'>
<td NOWRAP ALIGN=right WIDTH=70>
<input type=hidden name=w value='<?=$w?>'>
<input type=hidden name=bo_table value='<?=$bo_table?>'>
<input type=hidden name=wr_id value='<?=$wr_id?>'>
<input type=hidden name=sselect value='<?=$sselect?>'>
<input type=hidden name=stext value='<?=$stext?>'>
<input type=hidden name=section value='<?=$section?>'>
<input type=hidden name=ssort value='<?=$ssort?>'>
<input type=hidden name=sorder value='<?=$sorder?>'>
<input type=hidden name=page value='<?=$page?>'>
선택 </td>
<td colspan=2>
<? if ($is_notice) { ?><input type=checkbox name=wr_notice value='-1' <?=$notice_checked?>>공지사항 <? } ?>
<? if ($is_html) { ?><input type=checkbox name=wr_html value='<?=$html_value?>' <?=$html_checked?> onclick="html_auto_br(this)">HTML <? } ?>
<? if ($is_secret) { ?><input type=checkbox name=wr_secret value='1' <?=$secret_checked?>>비밀글 <? } ?>
<input type=checkbox name=wr_recv_email value='1' <?=$recv_email_checked?>>답변 메일받기
</td>
</tr>
<? if ($is_name) { ?><tr class='ht'><TD NOWRAP ALIGN=right WIDTH=70>이 름 </td><td colspan=2><input type=text name='wr_name' size=20 maxlength=20 required itemname='이름' value='<?=$name?>' class=input></td></tr><? } ?>
<? if ($is_passwd) { ?><tr class='ht'><TD NOWRAP ALIGN=right WIDTH=70>비밀번호 </td><td colspan=2><input type=password name='wr_passwd' size=20 maxlength=20 <?=$passwd_required?> itemname='비밀번호' class=input></td></tr><? } ?>
<? if ($is_email) { ?><tr class='ht'><TD NOWRAP ALIGN=right WIDTH=70>E-MAIL </td><td colspan=2><input type=text name='wr_email' maxlength=100 email itemname='E-MAIL' value='<?=$email?>' class='input w99'></td></tr><? } ?>
<? if ($is_homepage) { ?><tr class='ht'><TD NOWRAP ALIGN=right WIDTH=70>홈페이지 </td><td colspan=2><input type=text name='wr_homepage' itemname='홈페이지' value='<?=$wr_homepage?>' class='input w99'></td></tr><? } ?>
<? if ($is_category) { ?><tr class='ht'><TD NOWRAP ALIGN=right WIDTH=70>분류 </td><td colspan=2><select name=ca_id><?=$category_option?></select></td></tr><? } ?>
</table>
</td>
</tr>

<tr>
<td style="background-image:url('<?="$board_skin/style00/back03.gif"?>'); background-repeat:no-repeat; background-attachment:fixed; background-position:right bottom;" valign=top align=center>
<TABLE WIDTH=100% BORDER=0 CELLSPACING=0 CELLPADDING=2>
<TR>
<TD NOWRAP ALIGN=right WIDTH=70>제 목 </TD>
<TD COLSPAN=2><input type=text name='wr_subject' required itemname='제목' value='<?=$subject?>' class='input w99'></TD>
</TR>
<TR>
<TD NOWRAP ALIGN=right valign=top WIDTH=70>내 용 </TD>
<TD COLSPAN=2><textarea name='wr_content' required style='word-break:break-all;' rows=12 itemname='내용' class='textarea w99 lh'><?=$content?></textarea></TD>
</TR>

<TR>
<TD NOWRAP ALIGN=right WIDTH=70>편지지 </TD>
<TD colspan=2 valign=top>
<SELECT NAME=faceno>
<OPTION VALUE=0($db.faceno_r0)>Bridge</OPTION>
<OPTION VALUE=1($db.faceno_r1)>Pink</OPTION>
<OPTION VALUE=2($db.faceno_r2)>Rabbit</OPTION>
<OPTION VALUE=3($db.faceno_r3)>Green</OPTION>
<OPTION VALUE=4($db.faceno_r4)>Gray</OPTION>
<OPTION VALUE=5($db.faceno_r5)>등대</OPTION>
<OPTION VALUE=6($db.faceno_r6)>봄편지</OPTION>
<OPTION VALUE=7($db.faceno_r7)>겨울나그네</OPTION>
<OPTION VALUE=8($db.faceno_r8)>겨울들판</OPTION>
<OPTION VALUE=9($db.faceno_r9)>bird</OPTION>
</SELECT>
<a href=# onClick="popWin('<?="$board_skin/preview.htm"?>',650,600,5,5);return false;">미리보기</a>
</TD>
</TR>


<? if ($is_link) { ?>
<? for ($i=1; $i<=$cfg[link_count]; $i++) { ?>
<tr class='ht'><td ALIGN=right WIDTH=70>링크 #<?=$i?></td><td><input type=text name='wr_link<?=$i?>' itemname='링크 #<?=$i?>' value='<?=$link[$i]?>' class='input' size=60></td></tr>

<? } ?>
<? } ?>

<? if ($is_upload) { ?>
<? for ($i=1; $i<=$cfg[file_count]; $i++) { ?>
<tr class='ht'>
<td ALIGN=right WIDTH=70>파일 #<?=$i?></td>
<td>
<input type=file name='wr_file<?=$i?>' itemname='파일 #<?=$i?>' size=25 class='input w99'>
<?=$file[$i][delete]?>
<? if ($i == 1) { echo "<br>※ $upload_max_filesize 이하만 업로드 가능"; } ?>
</td>
</tr>


<? } ?>
<? } ?>

<? if ($is_norobot) { ?>
<tr class='ht'>
<td align=right><?=$norobot_str?></td>
<td>
<input type=input name='wr_key' required itemname='자동등록방지' size=10 class=input>
왼쪽의 글자중 빨간글자만 순서대로 입력하세요.
</td>
</tr>
<? } ?>

<TR>
<TD ALIGN=center colspan=3 height=70>
<p>
<div align=center>
<input name=btnsubmit type=submit value=' 전 송 ' class=button>
<? if ($is_imagesave) { ?>
<input type=button value='그림보관' onclick="imagewindowopen();">

<? } ?>

<input type=button value='이전화면' onclick="javascript:history.go(-1);">
</div>
</TD>
</TR>
</TABLE>


</td>
</tr>
</table>
</td>
<td width=10 background=<?="$board_skin/style00/04.gif"?>>
<div><img src=<?="/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
</tr>
<tr>
<td width=10 height=10 background=<?="$board_skin/style00/02.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
<td width=100% height=10 background=<?="$board_skin/style00/02.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
<td width=10 height=10 background=<?="$board_skin/style00/03.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
</tr>
</table>
</FORM>


<script language='Javascript'>
var f = document.fgbform;

if (f.w.value == '' && typeof(f.wr_name) != 'undefined') {
f.wr_name.focus();
} else if (f.w.value == 'u') {
f.wr_subject.focus();
if (typeof(f.ca_id) != 'undefined') {
f.ca_id.value = '<?=$ca_id?>';
}
}

function html_auto_br(obj)
{
if (obj.checked) {
result = confirm("자동 줄바꿈을 하시겠습니까?\n\n자동 줄바꿈은 게시물 내용중 줄바뀐 곳을<br>태그로 변환하는 기능입니다.");
if (result) {
obj.value = 2;
} else {
obj.value = 1;
}
} else {
obj.value = 1;
}
}

<? if ($is_imagesave) { ?>
var imagewin;
function imagewindowopen()
{
imagewin = window.open('<?="./?doc=bbs/imagesave.php"?>', 'imgsave', 'left=50,top=50,width=500,height=500,scrollbars=1,status=1');
}

function imagewindowclose()
{
if (imagewin) {
imagewin.close();
}
}

window.onunload = imagewindowclose;
<? } ?>

function fgbform_check(f)
{
if (typeof(f.ca_id) != 'undefined') {
if (f.ca_id.value == '') {
alert('분류를 선택하세요.');
f.ca_id.focus();
return false;
}
}

return true;
}

</script>

==========================================================================




=============================== gbview.skin.php =============================

<table align=center border=0 cellpadding=0 cellspacing=0 width=<?=$width?>>
<tr>
<td valign=bottom>
<div><b><?=$name?></b>님께서 보내신 편지를 읽고 계십니다.</div>
</td>
<td align=right valign=bottom>
</td>
</tr>
</table>


<table align=center border=0 cellpadding=0 cellspacing=0 width=<?=$width?>>
<tr>

<!-- Body -->
<td width=10 height=9 background=<?="$board_skin/style00/01.gif"?> nowrap>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
<td width=100% height=9 background=<?="$board_skin/style00/01.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
<td width=10 height=9 background=<?="$board_skin/style00/04.gif"?> nowrap>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
</tr>
<tr>
<td width=10 background=<?="$board_skin/style00/01.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
<td width=100% align=center valign=top background=<?="$board_skin/style00/backcolor.gif"?>>
<table border=0 cellpadding=0 cellspacing=0 width=100%>
<tr>
<td height=140 style="background-image:url(<?="$board_skin/style00/back01.gif"?>); background-repeat:no-repeat; background-attachment:fixed;">
<table border=0 cellpadding=0 cellspacing=0 width=95% height=140 align=center>
<tr>
<td width=100% valign=bottom>
<div><span style='font:11pt 돋움;'><b><?=$subject?></b></span></div>
</td>
<td valign=bottom align=right style="background-image:url(<?="$board_skin/style00/back02.gif"?>); background-repeat:no-repeat; background-attachment:fixed; background-position:right bottom;" width=230 height=140 nowrap>
<div>

<? if ($update_href) { echo "<a href=\"$update_href\">수정</a>"; } ?>
<? if ($delete_href) { echo "<a href=\"$delete_href\">삭제</a>"; } ?>
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="background-image:url(<?="$board_skin/style00/back03.gif"?>); background-repeat:no-repeat; background-attachment:fixed; background-position:right bottom;" valign=top align=center>
<table border=0 cellpadding=0 cellspacing=0 width=95%>
<tr><td bgcolor=gray><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></td></tr>
<tr>
<td valign=top style='filter:alpha(opacity=60)' bgcolor=#eeeeee background=<?="$board_skin/style00/line.gif"?> height=178>
<table width=100% border=0 cellpadding=10 cellspacing=0>

<tr>

<td valign=top STYLE='word-break:break-all;'>
<div style='line-height:160%;'>

<?
for ($i=1; $i<=$cfg[file_count]; $i++) {
if ($file[$i][view]) { echo $file[$i][view]; }
}
?>

<!-- 내용 출력 -->
<span class=content><?=$content?></span>

<? if ($is_signature) { echo $signature; } // 서명 출력 ?>

<!-- 테러 태그 방지용 -->
</xml></xmp><a href=""></a><a href=''></a>
</div>
<br>
<div align=right><span style='font:8pt tahoma'><?=$datetime?></span> ...<font face=Times New Roman color=blue><i><b> from</b></i></font> <b><?=$name?></b>
</div>

</td>

</tr>

<?
// 링크 설정한 값만큼 출력
for ($i=1; $i<=$cfg[link_count]; $i++) {
if ($link[$i][link]) { echo "<tr><td> 링크 #{$i} : <a href='{$link[$i][href]}' target='$default[de_link_target]'>{$link[$i][link]}</a>, Hit:{$link[$i][hit]}</td></tr>"; }
}
?>

<?
// 파일 업로드 설정한 값만큼 출력
for ($i=1; $i<=$cfg[file_count]; $i++) {
if ($file[$i][source]) { echo "<tr><td> 다운로드 #{$i} : <a href='{$file[$i][href]}'>{$file[$i][source]} ({$file[$i][size]})</a>, Down:{$file[$i][download]}</td></tr>"; }
}
?>
</table>
</td></tr>
<tr><td bgcolor=gray><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></td></tr>
</table>


<!-- 코멘트 시작 -->
<? if ($is_comment) { ?>
<!-- 코멘트 내용 -->
<? for ($i=0; $i<count($list); $i++) { ?>
<a name='c<?=$list[$i][wr_id]?>'></a>
<table width=95% border=0 align=center cellpadding=4 cellspacing=1>
<tr>
<td>
<table width=100%>
<col width=60 align=center></col>
<col width=5></col>
<col width=5></col>
<col width=4></col>
<col width=''></col>
<col width=85></col>
<tr>
<td valign=top style='word-break:break-all;'><?=$list[$i][name]?></td>
<td></td>
<td bgcolor=#999999></td>
<td></td>
<td valign=top style='word-break:break-all; text-align:justify;' class='lh'><?=$list[$i][content]?></td>
<td valign=top align=right>
<?=$list[$i][datetime]?><br>
<?=$list[$i][ip]?><br>
<? if ($list[$i][is_del]) { echo "{$list[$i][del_href]}x</a>"; } ?>
</td>
</tr>
</table>
</td>
</tr>
</table>
<? } // for ?>


<? if ($is_comment_write) { ?>
<!-- 코멘트 쓰기 -->
<table width=95% align=center border=0 cellpadding=3 cellspacing=1>
<tr>
<td>
<table width=100% cellpadding=3 cellspacing=0>
<form name=fgbview method=post action='<?="./?doc=bbs/gbupdate.php"?>'>
<input type=hidden name=w value='c'>
<input type=hidden name=bo_table value='<?=$bo_table?>'>
<input type=hidden name=sselect value='<?=$sselect?>'>
<input type=hidden name=stext value='<?=$stext?>'>
<input type=hidden name=wr_id value='<?=$wr_id?>'>
<input type=hidden name=page value='<?=$page?>'>
<input type=hidden name=section value='<?=$section?>'>
<col width=80 align=center></col>
<col width='' align=center></col>
<col width=70 align=center></col>
<tr>
<td>
이름<br><?=$c_name?><br>
<? if ($is_guest) { ?>비밀번호<br><input type=password name=wr_passwd size=10 class=input required itemname='비밀번호'><? } ?>
</td>
<td><textarea name=wr_content rows=5 style='width:100%; line-height:150%;' required itemname='내용' class=textarea></textarea></td>
<td> <input type=submit value=' 확 인 ' class=button style="height:78;width:55;font-family:굴림; font-size:9pt; color:#000000; font-weight:bold; background-color:#ffffff; border-width:1px; border-color:silver; border-style:solid;cursor:hand;" onfocus="this.blur()"></td>
</tr>
</form>
</table>
</td>
</tr>
<tr><td bgcolor=gray width=1 height=1 border=0></td></tr>
</table>
<? } // if ?>
<? } // if ?>



<!-- 코멘트 끝 -->

<table border=0 cellpadding=0 cellspacing=0 width=95% height=30>
<tr>
<td>
<div>

<? if ($search_href) { echo "<a href=\"$search_href\">검색목록</a>"; } ?>
<? echo "<a href=\"$list_href\">목록</a>"; ?>

<? if ($write_href) { echo " / <a href=\"$write_href\">글쓰기</a>"; } ?>
<? if ($reply_href) { echo " / <a href=\"$reply_href\">답변</a>"; } ?>

<? if ($update_href) { echo " / <a href=\"$update_href\">수정</a>"; } ?>
<? if ($delete_href) { echo " / <a href=\"$delete_href\">삭제</a>"; } ?>

<? if ($good_href) { echo " / <a href=\"$good_href\">추천</a>"; } ?>
<? if ($nogood_href) { echo " / <a href=\"$nogood_href\">비추천</a>"; } ?>

<? if ($copy_href) { echo " / <a href=\"$copy_href\">복사</a>"; } ?>
<? if ($move_href) { echo " / <a href=\"$move_href\">이동</a>"; } ?>
</td>
</div>
</td>

<td width=30% align=right>
<? if ($prev_href) { echo "<a href=\"$prev_href\" title=\"$prev_wr_subject\">이전글</a> / "; } ?>
<? if ($next_href) { echo "<a href=\"$next_href\" title=\"$next_wr_subject\">다음글</a>"; } ?>

</tr>
</table>
<div align=center> </div>
</td>
</tr>

</table>

</td>
<td width=10 background=<?="$board_skin/style00/04.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
</tr>
<tr>
<td width=10 height=10 background=<?="$board_skin/style00/02.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
<td width=100% height=10 background=<?="$board_skin/style00/02.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
<td width=10 height=10 background=<?="$board_skin/style00/03.gif"?>>
<div><img src=<?="$board_skin/default/blank.gif"?> width=1 height=1 border=0></div>
</td>
</tr>
</table>

=============================================================================================