Fancybox problem

Hej,

Jeg sidder med en hjemmeside hvor der skal være et fancybox galleri, som henter billederne fra en database.
Den henter billederne fint nok, men den viser ikke billederne via Fancybox.
Her er jQuery koden:

 <script type="text/javascript">
 $(document).ready(function() {
     $("a[rel=group1]").fancybox({
     'transitionIn'        : 'none',
     'transitionOut'        : 'none',
     'titlePosition'     : 'over',
     'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
     return '<span id="fancybox-title-over">Image ' +  (currentIndex + 1) + ' / ' + currentArray.length + ' ' + title + '</span>';
     }
     });
 });
 </script>

og php:

 <?php 
             include 'connection.php';
             
             $sql = 'SELECT * FROM morten';
             echo '<div id="fancybox_galleri">';
             $result = $objconn->query($sql);
             while ($row = $result->fetch_assoc()){
                 $tekst = $row['tekst'];
                 $thumb = $row['thumb'];
                 $pic = $row['pic'];
                 $id = $row ['id'];
                 
                 
                 echo "<a class='fancybox' rel='group1' href='galleri/$pic'><img src='galleri/$thumb' alt='' class='thumb' /></a>";
             }
             
             echo '</div>';  
             ?>

Galleriet kan findes via dette Link:

Jeg håber at en af jer kan finde problemet, da jeg slet ikke kan

På forhånd tak,

Frk. K.