ajax call fancybox

Goedeavond,

een vraag over fancybox ik wil graag dat wanneer ik op een foto druk dat fancybox opent met de foto's die geladen worden vanuit het bestand ajax/content.php

helaas opent hij momenteel niet fancybox maar opent een alleen de foto

hierbij de code js

<?php
<script type="text/javascript">
$(document).ready(function() {



$('.fancybox').click(function (event) {
event.preventDefault(); // Voorkom dat de url van de <a> wordt gevolgd
var src = $(this).find('img').attr('alt');
var string = 'id=' + src;
$.ajax({
type: 'GET',
url: '/ajax/content.php',
data: string,
success: function (data) {
$.fancybox(data, {
autoSize: true
}
});
});
});
?>

ik haal de foto's op via een query

php:
<?php
include ("dbconnect.php");
$sql = "Select * FROM prowood WHERE volgorde = 1 ORDER BY soort";
$uitslag = mysql_query($sql) or die ('fout '.mysql_error());

while($rij = mysql_fetch_assoc($uitslag)) {
echo ('<div class="ProjectImage">
<a class="fancybox" rel="projecten" href="image/'.$rij['naam'].'">
<img src="image/thumbs/'.$rij['naam'].'" alt="'.$rij['soort']. '" width="95" height="95"/></a>
</div>');
}

?>
update: er zijn meerdere categorien vandaar de order by

content.php
<?php
include ("../dbconnect.php");
$sql = "Select * FROM prowood WHERE soort = ". $_GET['id']". ORDER BY volgorde";
$uitslag = mysql_query($sql) or die ('fout '.mysql_error());

while($rij = mysql_fetch_assoc($uitslag)) {
echo ('<div class="ProjectImage">
<a class="fancybox" rel="projecten" href="image/'.$rij['naam'].'">
<img src="image/thumbs/'.$rij['naam'].'" alt=".$rij['soort']." width="95" height="95"/></a>
</div>');
}

?>

wie kan mij helpen?