큰이미지는 선명하게 잘나오는데 작은이미지는 흐릿하게 나옵니다.

어느부분을 수정하면 괜찮을까요...이것저것 계속 해보는데 잘안되서 이렇게 질문드립니다.

그리구 메인에서 큰이미지 클릭시 이미지팝업이 생성되고 게시글로 넘거가는데 팝업 없에는 방법도 있나요?

불당썸 늘 감사히 사용하고 있는데 스킨변경해보는데 적용이 어려워서요

테스트 주소는 http://market24.co.kr 이구요
맨아래쪽에 포트폴리오 부분입니다.

<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

$imgwidth = 220; //큰 썸네일 가로
$imgheight = 160; //큰 썸네일 세로
$imgwidth_s = 75; //작은 썸네일 가로
$imgheight_s = 65; //작은 썸네일 세로

$quality = 90; //썸네일 퀄리티


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

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

$ym = date("ym", $g4[server_time]);

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

//코멘트와 리플글은 제외
$sql = " select * from $tmp_write_table
where wr_comment = '' and wr_reply = ''
order by wr_id DESC LIMIT 0, 1 ";
$result = sql_query($sql);
$last_con = sql_fetch_array($result);
?>
<div style="text-align:left;">
<div id="Layer0" style="border-width:1; border-color:rgb(226,226,226); border-style:solid; width:500;">
<SCRIPT type=text/javascript>
<!--
old_debate_M='1';
function ComeonM(objid_M){
document.getElementById("debate_M"+old_debate_M).style.display="none";
document.getElementById("debate_M"+old_debate_M+"#1").style.display="";
document.getElementById("debate_M"+objid_M+"#1").style.display="none";
document.getElementById("debate_M"+objid_M).style.display="";
document.getElementById("debate_content_M"+old_debate_M).style.display="none";
document.getElementById("debate_content_M"+objid_M).style.display="";
old_debate_M=objid_M;
}
var objid_M = 1;
var interval_best;

function best_change_M()
{
 if( objid_M == 5 ) // 오버랩 갯수
  objid_M = 1;
 else
  objid_M++;

 ComeonM(objid_M);
}
function setInterval_best()
{
 interval_best = setInterval("best_change_M()", 5000);//속도조절
}
function clearInterval_best()
{
 clearInterval(interval_best);
}
setInterval_best();
//-->
</SCRIPT>


<table width="500" border="0" align="center" cellpadding="0" cellspacing="0">
<tr><td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr><td>
<? for ($i=0; $i<count($list); $i++) {
$j = $i + 1; 
if ($j == "1") {
echo "<DIV>";
echo "<DIV id=debate_content_M$j onmouseover=clearInterval_best() onmouseout=setInterval_best()>"; }
else { echo "<DIV id=debate_content_M$j onmouseover=clearInterval_best() onmouseout=setInterval_best() style='DISPLAY: none;'>\n"; }
?>
<div style="padding-top:10; padding-bottom:5; padding-left:10px; width:150px; float:left; ">
<?
include_once("$g4[path]/lib/thumb.lib.php");

$image = $list[$i][file][0][file]; //원본
$img=thumbnail($data_path. "/".$image, $imgwidth, $imgheight, 0, 1);  //썸네일이 없을경우 원본출력
 $str = $list[$i][icon_reply] . " ";
$str .= "<a href='{$list[$i]['href']}'><img src='$img' align='absmiddle' style='width:{$imgwidth}px;height:{$imgheight}px;border:0px solid #CCCCCC; padding:0px'></a>";
 

echo resize_content($str, $imgwidth, $imgheight);

?>
 </div>
<div style="float:right; width:250px; height:20px; padding:5 0 0 5px;">

 <a href='<?=$list[$i][href]?>'>포트폴리오</a></span>
 </div>
<?
echo "</DIV>";
 }
?>
<div style="padding-top:15; padding-right:7px; padding-bottom:10; padding-left:0px; float:right;">
<? for ($i=0; $i<count($list); $i++) {
$k = $i + 1;
$image = $list[$i][file][0][file]; //원본
$img=thumbnail($data_path. "/".$image, $imgwidth_s, $imgheight_s, 0, 1);  //썸네일이 없을경우 원본출력
$data_path = $g4[path]."/data/file/$bo_table";

  ?>
<a href="<?=$list[$i][href]?>" onmouseover="javascript:ComeonM('<?=$k?>')"><img src="<?=$img?>" width="<?=$imgwidth_s?>" height="<?=$imgheight_s?>" hspace="0"  id="debate_M<?=$k?>" onmouseover="clearInterval_best()" onmouseout="setInterval_best()" <? if($k == "1") { echo "style='border:2px solid #FD020E;' ";} else { echo "style='DISPLAY: none; border:2px solid #FD020E;' ";} ?>><img src="<?=$img?>"  width="<?=$imgwidth_s?>" height="<?=$imgheight_s?>" hspace="0"  border="0"  id="debate_M<?=$k?>#1" <? if($k == "1") { echo "style='DISPLAY: none; border:2px solid #FFFFFF;'"; } else { echo "style='border:2px solid #FFFFFF;'";} ?>></a><? } ?>
</div>
</td></tr></table></td></tr></table>
</div>
</div>