ใช้ jquery เรียกข้อมูลมาแสดงแล้วใช้งาน facebox ไม่ได้

<link href="./src/facebox.css" media="screen" rel="stylesheet" type="text/css" />
<!--   <link href="css/example.css" media="screen" rel="stylesheet" type="text/css" /> -->
<script src="./lib/jquery.js" type="text/javascript"></script>
  <script src="./src/facebox.js" type="text/javascript"></script>

  <script type="text/javascript">
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox({
        loadingImage : './src/loading.gif',
        closeImage   : './src/closelabel.png'
      })
    })
function readData(type,page,id)
		  {

$.ajax({type: 'GET',url: 'readData.php',
data: "type="+type+"&page="+page,
success: function(data){
	document.getElementById(id).innerHTML=data;
	}
	  });
	 }
</script>

for($pp=0;$pp<$numro;$pp++)
{
$phtml.="<div id=\"read".$pp."\">";
$phtml.="<div class=\"art-content-layout overview-table\">";
$phtml.="<div class=\"art-content-layout-row\">";
for($yy=0;$yy<3;$yy++)
{
if($run<count($dataProduct))
{
$phtml$phtml.="<div class=\"overview-table-inner\">";
	$phtml.="<h4  class=\"art-postheader\"><a href=\"showproduct.php?productId=".$dataProduct[$run][productId]."\" rel=\"facebox\" target=\"_bank\">".$dataProduct[$run][productName]."</a></h4>";
	$phtml.="<a href=\"showproduct.php?productId=".$dataProduct[$run][productId]."\" rel=\"facebox\" target=\"_bank\"><img src=".$dataProduct[$run][productPicture]." width=\"120\" alt=".$dataProduct[$run][productName]." class=\"image\"/></a>";
	$phtml.="<p>".$dataProduct[$run][productDetail]." </p>";
	$phtml.="</div>";
	$phtml.="</div><!-- end cell -->";
	$run+=1;
	}
	}

$phtml.="</div><!-- end row -->";
$phtml.="</div><!-- end table -->";
$phtml.="</div>";
}

<?
$type=$_GET["type"];
$page=$_GET["page"];
include("config/connect.php");

$end=$page*6;
$start=$end-6;

$sql="select * from subtype s left join producttype pt on s.ptypeId=pt.ptypeId where s.stypeId=".$type;
$dataSubtype=select_db($sql);
?>
<h2 class="art-postheader">
<?=$dataSubtype[0][stypeName];?>
</h2>
<div class="art-postcontent">
<!-- article-content -->
<div class="cleared"></div>
<?
$sql="select * from product where stypeId=".$dataSubtype[0][stypeId]." limit ".$start.",".$end;
$dataProduct=select_db($sql);
	$phtml="";
	$numro=0;
	if(count($dataProduct)%3==0)
	{
	$numro=count($dataProduct)/3;
	}else{
	$numro=floor(count($dataProduct)/3)+1;
	}
	$run=0;
	for($pp=0;$pp<$numro;$pp++)
	{
                $phtml.="<div class=\"art-content-layout overview-table\">";
	$phtml.="<div class=\"art-content-layout-row\">";
	for($yy=0;$yy<3;$yy++)
	{
	if($run<count($dataProduct))
	{
											$phtml.="<div class=\"art-layout-cell\">";
	$phtml.="<div class=\"overview-table-inner\">";
	$phtml.="<h4  class=\"art-postheader\"><a href=\"showproduct.php?productId=".$dataProduct[$run][productId]."\" rel=\"facebox\" target=\"_bank\">".$dataProduct[$run][productName]."</a></h4>";
	$phtml.="<a href=\"showproduct.php?productId=".$dataProduct[$run][productId]."\" rel=\"facebox\" target=\"_bank\"><img src=".$dataProduct[$run][productPicture]." width=\"120\" alt=".$dataProduct[$run][productName]." class=\"image\"/></a>";
	$phtml.="<p>".$dataProduct[$run][productDetail]." </p>";
	$phtml.="</div>";
	$phtml.="</div><!-- end cell -->";
	$run+=1;
	}
	}
             $phtml.="</div><!-- end row -->";
	$phtml.="</div><!-- end table -->";
	}
	echo $phtml;
	$phtml="";
	?>
	<!-- /article-content -->
													</div>
	<div class="cleared"></div>