초보) 자바스크립트 질문입니다.ㅠ

1.

<!-- 리스트 이미지 1번 시작 -->

<?

if ($view[file][0][file])  {

$image = urlencode($view[file][0][file]); // 첫번째 파일이 이미지라면

if (preg_match("/\.(gif|jpg|png)$/i", $image) && file_exists("$g4[path]/data/file/$bo_table/$image")) {

echo "<img class='sub_img' src='$g4[path]/data/file/$bo_table/$image' border='0'>";

}

}

?>

<!-- 리스트 이미지 1번 끝 --> 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

2.

<a style=' position: relative; z-index: 9999999999; ' href="javascript:changeImage('http://www.blueb.co.kr/SRC/javascript/image/img01.jpg')">

</a> 

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

3. 위에 두가지를 합침

<!-- 리스트 이미지 1번 시작 -->

<?

if ($view[file][0][file])  {

$image = urlencode($view[file][0][file]); // 첫번째 파일이 이미지라면

if (preg_match("/\.(gif|jpg|png)$/i", $image) && file_exists("$g4[path]/data/file/$bo_table/$image")) {

echo "<a href='javascript:changeImage('$g4[path]/data/file/$bo_table/$image')'><img class='sub_img' src='$g4[path]/data/file/$bo_table/$image' border='0'></a>";

}

}

?>

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ

4. 

생각과는 다르게 ㅠㅠ 결과는 저렇게 스샷이미치 처럼 적용이 제대로 안되네요 방법이 없을까요?

도움 부탁드립니다..