從數據庫（PHP）獲取圖像時，Fancybox無法正常工作

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>

它對我不起作用，我只是一個初學者。 需要幫助。

提前致謝。

Answer 1

靜態圖片可以正常工作嗎？ 如果是，請嘗試以下代碼

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

Answer 2

嘗試刪除“類型：圖像”：

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

Answer 3

嘗試將data-fancybox-type =“ image”屬性添加到定位標記。 它為我工作。