어떤이미지를 누르면 그 글에 첨부된 이미지를 볼수있는 건데요 (팝업이뜨면서)

근데 잘뜨긴하는대요 동영상을 첨부하면 엑박이떠요.....

어덯게하면 이미지만 뜰까요?

<?
$g4_path = "../../..";
include_once("$g4_path/common.php");
// 파일 출력
$first_img = "";
for( $i=0 ; $i < 12 ; $i++ )
{
    $row = sql_fetch( "select * from $g4[board_file_table] where bo_table = '$bo_table' and wr_id = '$wr_id' and bf_no = '$i' " );

    $img[$i] = "$g4[path]/data/file/$bo_table/$row[bf_file]";

    if ( $first_img == "" && $row[bf_file] )
        $first_img = $img[$i];

    if ( ! $row[bf_file] )
        $img[$i] = $board_skin_path."/img/noimg.gif";
}

?>
<script language="JavaScript">
<!--
function transimg(place) {
if (place==1) dare.src="<?=$img[0]?>";
if (place==2) dare.src="<?=$img[1]?>";
if (place==3) dare.src="<?=$img[2]?>";
if (place==4) dare.src="<?=$img[3]?>";
if (place==5) dare.src="<?=$img[4]?>";
if (place==6) dare.src="<?=$img[5]?>";
if (place==7) dare.src="<?=$img[6]?>";
if (place==8) dare.src="<?=$img[7]?>";
if (place==9) dare.src="<?=$img[8]?>";
if (place==10) dare.src="<?=$img[9]?>";
if (place==11) dare.src="<?=$img[10]?>";
if (place==12) dare.src="<?=$img[11]?>";
}
// -->
</script>

<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.smbox {padding-right:10px;padding-bottom:10px;}
.smtext a{padding-right:10px;padding-bottom:10px;color:cccccc;font-size:8pt;}
-->
</style>

<table cellpadding="0" cellspacing="30" width="800" bgcolor="white">
  <tr>
    <td width="640" valign="top"><img src="<?=$first_img?>" width="640"  height="480" style='border:1 solid #cccccc;' name=dare></td>
    <td width="160" valign="top">

<table cellpadding="0" cellspacing="0" width="160">
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(1)"><img src="<?=$img[0]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(2)"><img src="<?=$img[1]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(3)"><img src="<?=$img[2]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(4)"><img src="<?=$img[3]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(5)"><img src="<?=$img[4]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(6)"><img src="<?=$img[5]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(7)"><img src="<?=$img[6]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(8)"><img src="<?=$img[7]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(9)"><img src="<?=$img[8]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(10)"><img src="<?=$img[9]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
</tr>
<tr>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(11)"><img src="<?=$img[10]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
<td class="smbox"><span style="cursor:hand" onMouseOver="transimg(12)"><img src="<?=$img[11]?>" width="80" height="65" style='border:1 solid #cccccc;'></span></td>
</tr>

</table>

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