เขียน code การซูมรูปด้วย jquery โดยดึงรูปจากฐานข้อมูล ไม่ได้

<div class="clearfix" id="content" style="margin-top:100px;margin-left:350px; height:500px;width:500px;" >
    <div class="clearfix">
<?

$strSQL = "SELECT * FROM product where Product_ID='CD-001'"; 
$objQuery = mysql_query($strSQL); 
 while($row= mysql_fetch_array($objQuery)){

//echo $row["Pic"];

?>
    <a href="<?=$row["Pic"]; ?>" class="jqzoom" rel='gal1'  title="triumph" >
            <img src="<?=$row["Pic"]; ?>"  title="triumph"  style="border: 4px solid #666; width:308px; height:247px;">
        </a>  
    </div>
     <div id="thumblist">
	<ul>
		<li><a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '../imgProd/CB-001_small 1.jpg',largeimage: '../<?=$row["Pic"]; ?>'}"><img src='<?=$row["Pic"]; ?>' style="width:116px; height:93px;"></a></li>
        		<li><a class="zoomThumbActive" href='javascript:void(0);' rel="{gallery: 'gal1', smallimage: '../imgProd/CB-001_small 1.jpg',largeimage: '../<?=$row["Pic2"]; ?>'}"><img src='<?=$row["Pic2"]; ?>' style="width:116px; height:93px;"></a></li>
        
        </ul>
    </div>

<? }?>