Fancybox didn't work while getting images from database (php)

Question

<?php
 $sqlInner=" select * from gallery_photos where series_id='".$row['id']."' ";
 $rr = mysql_query($sqlInner,$con); 
 while($data=mysql_fetch_array($rr))    {
    echo"<a class='fancybox' rel='gallery' href='images/gallery_photos/".$data['photo_path']."'><img src='images/gallery_photos/".$data['photo_path']."'width='150' height='150' ></a>";
 }
?>


 <script type="text/javascript">
  $(document).ready(function() {
    $(".fancybox").fancybox({'type' : 'image'})
});
</script>

it didn't work for me, I'm just a beginner. Help needed.

Thanks in advance.

Answer 1

is it working fine with static images? If yes then try below code

<script type="text/javascript">
    $(document).ready(function() {
     $(".fancybox").fancybox({type : 'image'})
    });
</script>

Answer 2

try to remove "type:image":

<script type="text/javascript">
$(document).ready(function() {
    $(".fancybox").fancybox();
});

Answer 3

Try adding data-fancybox-type="image" property to anchor tags. It worked for me.