使用PHP時出現FancyBox錯誤。有任何想法嗎？

Question

只是想分享我的代碼，看看是否有人能夠發現是什麼原因造成的。

錯誤消息： 「請求的內容無法加載。」 請稍後再試。「

ShowAll.PHP：

<? 
include_once "db.php"; 
session_start(); 
$gid=$_SESSION['gid']; 
$result = mysql_query("SELECT id,groupid FROM images where gid='".$gid."' and imagetype='1' ORDER BY id"); 
print(" <div id='wrapper'> 
     <!--start: Container --> 
     <div class='container'> 
     "); 
     $j=0; 
     print("  
     <div class='row'> 
      <div class='span6'> 
       <h1>My Gallery</h1> 
       <br> 
      </div> 
      <div class='span6'> 
      </div> 
     </div> 
     <!--start: Row --> 
     <div class='row'>"); 
     while($row = mysql_fetch_array($result)){ 
      if ($j==6){ 
       $j=0; 
       print("</div>"); 
         print("   
       <!--start: Row --> 
       <div class='row'>"); 
       print("<div class='span2'>"); 
       print("<p><div class='picture'><a rel='image' href='largeimage.php?groupid=".$row['groupid']."'><img src='showimage.php?id=".$row['id']."'><div class='image-overlay-zoom'></div></a></div>"); 
       print("</div>"); 
       $j++; 
      }else{ 
       print("<div class='span2'>"); 
       print("<p><div class='picture'><a rel='image' href='largeimage.php?groupid=".$row['groupid']."'><img src='showimage.php?id=".$row['id']."'><div class='image-overlay-zoom'></div></a></div>"); 
       print("</div>"); 
       $j++; 
      } 
     } 
print("</div>");?> 

largeimage.php：

<?php 

$groupid=$_GET['groupid']; 


print("    <img src='showimagelarge.php?groupid=".$groupid."'>"); 

?> 

showimagelarge.php：

include_once "db.php"; 

session_start(); 



$gid=$_SESSION['gid']; 

header('Content-type: image/jpeg'); 

$query = "SELECT image from images where groupid=". intval($_GET["groupid"])." and gid='".$gid."' and imagetype='2'"; 

$rs = mysql_fetch_array(mysql_query($query)); 

echo base64_decode($rs["image"]); 

?> 

showimage.php：

include_once "db.php"; 

session_start(); 



$gid=$_SESSION['gid']; 

header('Content-type: image/jpeg'); 

$query = "SELECT image from images where id=". intval($_GET["id"])." and gid='".$gid."'"; 

$rs = mysql_fetch_array(mysql_query($query)); 

echo base64_decode($rs["image"]); 

?> 

Answer 1

要渲染的鏈接到你的圖片是這樣的：

<div class='picture'><a rel='image' href='largeimage.php?groupid=".$row['groupid']."'>.... 

...所以你的鏈接href不會有任何圖像擴展名（JPG，PNG，GIF ）。正因爲如此的fancybox不知道是什麼內容type來處理，因此該消息

The requested content cannot be loaded. Please try again later. 

您需要的內容type強制image您的fancybox自定義腳本中。也就是說這裏http://fancyapps.com/fancybox/#support文檔，FAQ選項卡5號

您可以執行：

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

...或

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