이거 고민하다가.. 글을 정말 여러개 읽어봤는데도.. 해결이 안나네요. ㅠ.ㅠ

어떻게 해야하는지..

완전 초보입니다..... 상세한 설명 좀 부탁드릴께요..


http://www.autorepairzone.co.kr/bbs/board.php?bo_table=test&page=
-> 그누보드 게시판에 dhtml 모드로 이미지 넣었고요. 첨부파일로 넣는 것이 절대!! 싫다하셔서.,.
에디터로 꼭 해야 하는데. ㅠ.ㅠ
리스트에 이미지 나오는 거랑.. 최신글에 이미지 나오게 하는 것 좀.. 도와주세요.. ㅠ.ㅠ

http://www.autorepairzone.co.kr/ex.php

부탁드립니다.. _()_


참고로,, 소스 뽑아서 넣으라는 댓글.. 정말 감사드리지만...
자세히 써주시지 않으면.. 완전 초보라 힘들어요.. ㅠ.ㅠ

다시 한번 질문드려봅니다..

읽어주셔서, 감사드립니다..


/// 최신글 소스.
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("$latest_skin_path/skin.lib.php");

$img_width = 164; // 이미지 가로 사이즈
$img_height = 180; // 이미지 세로 사이즈

$frame_width = 746; // 가로길이

$data_path = $g4[path]."/data/file/$bo_table";
$thumb_path = $data_path.'/latest_thumb';

@mkdir($thumb_path, 0707);
@chmod($thumb_path, 0707);
?>

<!--최신글, 이미지, 내용 시작-->
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="<?=$latest_skin_path?>/js/jquery.imageScroller.js"></script>

<style type="text/css">
body {}
img {border:0}
a {text-decoration:none}

/*스크롤러 스타일*/

div#scroller {background-color:#f7f7f7; position:relative;height:227px; width:<?=$frame_width?>; padding:0 10px;margin:0;clear:both;overflow:hidden;border:1px #ddd solid}

/*좌우버튼*/
div.button {height:30px;}
#btn1, #btn2 {cursor:pointer}

ul#scrollerFrame {width:1000px; padding:0;margin:0;list-style:none;}
ul#scrollerFrame li {position:relative;float:left; margin:0 10 0 10px;width:160px;height:140px;}

/*가격 및 설명 부분*/
ul#scrollerFrame li p {margin:0;padding:0}
ul#scrollerFrame li p.price{font-family:verdana;font-size:12px;font-weight:bold;margin-top:7px;text-align:center;color:#F7F7F7}
ul#scrollerFrame li p.comment{font-family:돋움;font-size:11px;letter-spacing:-1px;margin-top:4px;padding:0 5px;text-align:center;color:#F7F7F7;line-height:130%}

/*붙박이 아이콘 설정*/
.besticon {position:absolute;top:0;left:0}
.price {font-family:돋움;font-size:12px;font-weight:bold;padding-top:7px;text-align:center;color:#F7F7F7}
</style>


<script type="text/javascript">

$(function(){

$("#scroller").imageScroller({
next:"btn1", //다음 버튼 ID값
prev:"btn2", //이전 버튼 ID값
frame:"scrollerFrame", //스크롤러 프레임 ID값
width:164, //이미지 가로 크기
child:"li", //스크롤 지정 태그
auto:true //오토 롤링 (해제는 false)
});
});
</script>

<div id="scroller">
<div class="button">

<span id="btn2" style="float:right;margin:5px 0 0 0;"><img src="<?=$g4[path]?>/img/next.png"></span>
<span id="btn1" style="float:right;margin:5px 5px 0 0;"><img src="<?=$g4[path]?>/img/pre.png"></span>
</div>

<ul id="scrollerFrame">
<? for ($i=0; $i<count($list); $i++) { ?>
<li>
<?
if($list[$i][file][0][view]){
$src = $list[$i][file][0][path]."/".$list[$i][file][0][file];
$get_img = getimagesize($src); // 파일정보를 가져옴
// 관리자가 이미지 사이즈를 바꾸었을때를 대비하여 리사이징 크기를 이름에 포함과 이미지 재 첨부시 바뀜
$img_step1 = explode("_",$list[$i][file][0][file]);
$img_step2 = explode(".",$img_step1[1]);
$new_imgname = $img_step2[0];
$thumb_file_list = "{$thumb_path}/{$re_img_width}x{$re_img_height}_{$new_imgname}_{$list[$i][wr_id]}_list";
if(!file_exists($thumb_file_list)){
// gd lib 체크
$gd = gd_info();
$gdversion = substr(preg_replace("/[^0-9]/", "", $gd['GD Version']), 0, 2); // gd 버전이 2.0 이상인지 체크
if(!$gdversion){
$thumb_file_view = $src; // gd 2.0 이하면 강제적으로 줄임
}else{
if($img_width > $get_img[0] || $img_height > $get_img[1]){
$thumb_file_list = $src;
}else{
createThumb_list($img_width,$img_height,$src, $thumb_file_list, $get_img); // list 페이지 썸네일
}
}
}
echo '<div align="center">';

$img = "<a href='{$list[$i]['href']}'><img src=\"$thumb_file_list\" border=\"0\" width=\"$img_width\" height=\"$img_height\"/></a><br/><br/><br/><br/>";
}else{
// no 이미지를 비율적으로 만들어났음
$img = "<a class=price' href='{$list[$i]['href']}'><img src=\"$latest_skin_path/img/no_image.gif\" border=\"0\" height=\"{$img_height}\" width=\"{$img_width}\"/><BR><span style=\"font-size:9pt;\"><font face=\"돋움\" color=\"#333333\">{$list[$i]['subject']}</span>*/</a>";
}
echo $img;
echo '</div>';

?>
</li>

<? } ?>
</ul>
</div>
/////////////////////////////////////////



게시판 list 소스//////////////////////
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

include_once("$board_skin_path/skin.lib.php");

if (!function_exists("imagecopyresampled")) alert("GD 2.0.1 이상 버전이 설치되어 있어야 사용할 수 있는 갤러리 게시판 입니다.");

if (!$board[bo_1]) {
$board[bo_1] = "130";
$sql = " update $g4[board_table] set bo_1 = '$board[bo_1]', bo_1_subj = '목록 가로 픽셀' where bo_table = '$bo_table' ";
sql_query($sql);
}

if (!$board[bo_2]) {
$board[bo_2] = "90";
$sql = " update $g4[board_table] set bo_2 = '$board[bo_2]', bo_2_subj = '목록 세로 픽셀' where bo_table = '$bo_table' ";
sql_query($sql);
}

$mod = $board[bo_gallery_cols];
$td_width = (int)(100 / $mod);

// 선택옵션으로 인해 셀합치기가 가변적으로 변함
$colspan = 5;

if ($is_category) $colspan++;
if ($is_checkbox) $colspan++;
if ($is_good) $colspan++;
if ($is_nogood) $colspan++;

// 제목이 두줄로 표시되는 경우 이 코드를 사용해 보세요.
// <nobr style='display:block; overflow:hidden; width:000px;'>제목</nobr>
?>

<style>
.board_top { clear:both; display:inline-block; width:100%; }

.board_button { clear:both; margin:10px 0 0 0; }

.board_page { clear:both; text-align:center; margin:3px 0 0 0; }
.board_page a:link { color:#777; }

.board_search { text-align:center; margin:10px 0 0 0; }
.board_search .stx { height:21px; border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8; }
</style>

<!-- 게시판 목록 시작 -->
<table width="<?=$width?>" align="center" cellpadding="0" cellspacing="0"><tr><td>

<!-- 분류 셀렉트 박스, 게시물 몇건, 관리자화면 링크 -->
<div class="board_top">
<div style="float:left;">
<form name="fcategory" method="get" style="margin:0px;">
<? if ($is_category) { ?>
<select name=sca onchange="location='<?=$category_location?>'+<?=strtolower($g4[charset])=='utf-8' ? "encodeURIComponent(this.value)" : "this.value"?>;">
<option value=''>전체</option>
<?=$category_option?>
</select>
<? } ?>
<?=subject_sort_link('wr_good', $qstr2, 1)?>추천순</a>
|
<?=subject_sort_link('wr_hit', $qstr2, 1)?>조회순</a>
|
<?=subject_sort_link('wr_comment', $qstr2, 1)?>코멘트순</a>
<? if ($is_checkbox) { ?> <input onclick="if (this.checked) all_checked(true); else all_checked(false);" type=checkbox><?}?>
</form>
</div>
<div style="float:right;">
<span style="color:#888888;">전체 게시물   <?=number_format($total_count)?>건  </span>
<? if ($rss_href) { ?><a href='<?=$rss_href?>'><img src='<?=$board_skin_path?>/img/btn_rss.gif' border='0' align="absmiddle"></a><?}?>
<? if ($admin_href) { ?><a href="<?=$admin_href?>"><img src="<?=$board_skin_path?>/img/btn_admin.gif" border='0' title="관리자" align="absmiddle"></a><?}?>
</div>
</div>

<form name="fboardlist" method="post">
<input type='hidden' name='bo_table' value='<?=$bo_table?>'>
<input type='hidden' name='sfl' value='<?=$sfl?>'>
<input type='hidden' name='stx' value='<?=$stx?>'>
<input type='hidden' name='spt' value='<?=$spt?>'>
<input type='hidden' name='page' value='<?=$page?>'>
<input type='hidden' name='sw' value=''>

<table width=100% cellpadding=0 cellspacing=0>
<tr><td colspan='<?=$mod?>' height=5></td></tr>
<tr><td colspan='<?=$mod?>' height=2 bgcolor=#ebebeb></td></tr>
<tr>
<?
for ($i=0; $i<count($list); $i++) {
if ($i && $i%$mod==0)
echo "</tr><tr>";

$style = "";
$subject = "<span $style>{$list[$i][subject]}</span>";

$comment_cnt = "";
if ($list[$i][comment_cnt])
$comment_cnt = " <a href=\"{$list[$i][comment_href]}\"><span class='commentFont'><div style='color:#EE5A00; font-size:11;'>{$list[$i][comment_cnt]}</div></span></a>";

$list[$i][name] = preg_replace("/<img /", "<img style='display:none;' ", $list[$i][name]);
$list[$i][name] = preg_replace("/> <span/", "><span", $list[$i][name]);
$list[$i][name] = preg_replace("/class='member'/", "", $list[$i][name]);

echo "<td width='{$td_width}%' valign=top style='word-break:break-all; padding:10px;'>";
echo "<table align=center>";
echo "<tr><td height=5></td></tr>";
echo "<tr><td align=center><div style='float:left; border:1px solid #ccc; background:#fff; padding:4px; font-size:0; line-height:0;'><a href='{$list[$i][href]}'>".makeThumbs($g4[path]."/data/file/$bo_table", $list[$i][file][0][file], $board[bo_1], $board[bo_2], cut_str($list[$i][subject],20))."</a></div></td></tr>";
echo "<tr><td align=center style='font-size:11px; color:#888;'>Date.".$list[$i][datetime2]." / Hit.".$list[$i][wr_hit]."</td></tr>";
echo "<tr><td align=center class=lh>";
if ($is_category) echo "<a href='{$list[$i][ca_name_href]}'>[{$list[$i][ca_name]}]</a> ";
echo "<a href='{$list[$i][href]}'>$subject</a>{$comment_cnt}";
//echo " " . $list[$i][icon_new];
//echo " " . $list[$i][icon_file];
//echo " " . $list[$i][icon_link];
//echo " " . $list[$i][icon_hot];
//echo " " . $list[$i][icon_secret];
echo "</td></tr>";
if ($is_checkbox) echo "<tr><td align=center><input type=checkbox name=chk_wr_id[] value='{$list[$i][wr_id]}'></td></tr>";
echo "</table></td>\n";
}

// 나머지 td
$cnt = $i%$mod;
if ($cnt)
for ($i=$cnt; $i<$mod; $i++)
echo "<td width='{$td_width}%'> </td>";
?>
</tr>
<tr><td colspan=<?=$mod?> height=1 bgcolor=#ebebeb></td></tr>

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

<div class="board_button">
<div style="float:left;">
<? if ($list_href) { ?>
<a href="<?=$list_href?>"><img src="<?=$board_skin_path?>/img/btn_list.gif" align="absmiddle" border='0'></a>
<? } ?>
<? if ($is_checkbox) { ?>
<a href="javascript:select_delete();"><img src="<?=$board_skin_path?>/img/btn_select_delete.gif" align="absmiddle" border='0'></a>
<a href="javascript:select_copy('copy');"><img src="<?=$board_skin_path?>/img/btn_select_copy.gif" align="absmiddle" border='0'></a>
<a href="javascript:select_copy('move');"><img src="<?=$board_skin_path?>/img/btn_select_move.gif" align="absmiddle" border='0'></a>
<? } ?>
</div>

<div style="float:right;">
<? if ($write_href) { ?><a href="<?=$write_href?>"><img src="<?=$board_skin_path?>/img/btn_write.gif" border='0'></a><? } ?>
</div>
</div>

<!-- 페이지 -->
<div class="board_page">
<? if ($prev_part_href) { echo "<a href='$prev_part_href'><img src='$board_skin_path/img/page_search_prev.gif' border='0' align=absmiddle title='이전검색'></a>"; } ?>
<?
// 기본으로 넘어오는 페이지를 아래와 같이 변환하여 이미지로도 출력할 수 있습니다.
//echo $write_pages;
$write_pages = str_replace("처음", "<img src='$board_skin_path/img/page_begin.gif' border='0' align='absmiddle' title='처음'>", $write_pages);
$write_pages = str_replace("이전", "<img src='$board_skin_path/img/page_prev.gif' border='0' align='absmiddle' title='이전'>", $write_pages);
$write_pages = str_replace("다음", "<img src='$board_skin_path/img/page_next.gif' border='0' align='absmiddle' title='다음'>", $write_pages);
$write_pages = str_replace("맨끝", "<img src='$board_skin_path/img/page_end.gif' border='0' align='absmiddle' title='맨끝'>", $write_pages);
//$write_pages = preg_replace("/<span>([0-9]*)<\/span>/", "$1", $write_pages);
$write_pages = preg_replace("/<b>([0-9]*)<\/b>/", "<b><span style=\"color:#4D6185; font-size:12px; text-decoration:underline;\">$1</span></b>", $write_pages);
?>
<?=$write_pages?>
<? if ($next_part_href) { echo "<a href='$next_part_href'><img src='$board_skin_path/img/page_search_next.gif' border='0' align=absmiddle title='다음검색'></a>"; } ?>
</div>

<!-- 검색 -->
<div class="board_search">
<form name="fsearch" method="get">
<input type="hidden" name="bo_table" value="<?=$bo_table?>">
<input type="hidden" name="sca" value="<?=$sca?>">
<select name="sfl">
<option value="wr_subject">제목</option>
<option value="wr_content">내용</option>
<option value="wr_subject||wr_content">제목+내용</option>
<option value="mb_id,1">회원아이디</option>
<option value="wr_name,1">글쓴이</option>
</select>
<input name="stx" class="stx" maxlength="15" itemname="검색어" required value='<?=stripslashes($stx)?>'>
<input type="image" src="<?=$board_skin_path?>/img/btn_search.gif" border='0' align="absmiddle">
<input type="radio" name="sop" value="and">and
<input type="radio" name="sop" value="or">or
</form>
</div>

</td></tr></table>

<script type="text/javascript">
if ('<?=$sca?>') document.fcategory.sca.value = '<?=$sca?>';
if ('<?=$stx?>') {
document.fsearch.sfl.value = '<?=$sfl?>';

if ('<?=$sop?>' == 'and')
document.fsearch.sop[0].checked = true;

if ('<?=$sop?>' == 'or')
document.fsearch.sop[1].checked = true;
} else {
document.fsearch.sop[0].checked = true;
}
</script>

<? if ($is_checkbox) { ?>
<script type="text/javascript">
function all_checked(sw) {
var f = document.fboardlist;

for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]")
f.elements[i].checked = sw;
}
}

function check_confirm(str) {
var f = document.fboardlist;
var chk_count = 0;

for (var i=0; i<f.length; i++) {
if (f.elements[i].name == "chk_wr_id[]" && f.elements[i].checked)
chk_count++;
}

if (!chk_count) {
alert(str + "할 게시물을 하나 이상 선택하세요.");
return false;
}
return true;
}

// 선택한 게시물 삭제
function select_delete() {
var f = document.fboardlist;

str = "삭제";
if (!check_confirm(str))
return;

if (!confirm("선택한 게시물을 정말 "+str+" 하시겠습니까?\n\n한번 "+str+"한 자료는 복구할 수 없습니다"))
return;

f.action = "./delete_all.php";
f.submit();
}

// 선택한 게시물 복사 및 이동
function select_copy(sw) {
var f = document.fboardlist;

if (sw == "copy")
str = "복사";
else
str = "이동";

if (!check_confirm(str))
return;

var sub_win = window.open("", "move", "left=50, top=50, width=500, height=550, scrollbars=1");

f.sw.value = sw;
f.target = "move";
f.action = "./move.php";
f.submit();
}
</script>
<? } ?>
<!-- 게시판 목록 끝 -->
////////////////////////////////////////