아 너무 어렵네요 ㅠ,ㅠ 그래도 답변해주시는분들 덕분에 하나씩 해나가는거 같습니다.
정말 감사합니다.

덕분에
마우스오버시 썸네일 이미지 미리보기에는 성공했는데
이 미리보기 이미지가 업로드된 원본 크기 그대로 보여줘서 너무 크게 보입니다

ㅠㅠ 딱 400 * 300 정도로 하고 싶은데 어디에 뭘 넣으면 되는건가용??

마우스오버시 js 파일엔
$("a.screenshot").hover(function(e){
this.t = this.title;
this.title = "";
var c = (this.t != "") ? "<br/>" + this.t : "";
$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>"); 
$("#screenshot")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
    }

이처럼 되어있고
<a href="<?=$list[$i][href]?>" class="screenshot" rel="<?=$list[$i][file][0][path]?>/<?=$list[$i][file][0][file]?>
"><img src="<?=$thumb_file?>" width=<?=$mw_basic[cf_thumb_width]?> height=<?=$mw_basic[cf_thumb_height]?> align=absmiddle></a><!--
    --></td>

list.skin.php에는 이처럼 적용시키고 있습니다

$("body").append("<p id='screenshot'><img src='"+ this.rel +"' alt='url preview' />"+ c +"</p>");
이부분 인거 같은데 ㅠㅠ 어떻게 넣으믄 사이즈가 강제조정 될까용??

class 스타일에 width 랑  height넣으믄.. 이미지가 없을때에만 400 * 300 빈칸으로 표현되더라구용.